From 87a3b9daca2bb58a1e6c617a37f87a26a8a758b0 Mon Sep 17 00:00:00 2001
From: Stephan <57194608+stephan418@users.noreply.github.com>
Date: Thu, 6 Oct 2022 09:10:01 +0200
Subject: [PATCH] Small fixes for the drawer

---
 .storybook/preview-head.html | 8 +++++---
 src/util/Drawer/Drawer.tsx   | 4 ++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
index 1b73a94..6357b18 100644
--- a/.storybook/preview-head.html
+++ b/.storybook/preview-head.html
@@ -8,10 +8,12 @@
   }
 
   #detleph-fg-context {
-    width: 100%;
-    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
 
-    position: relative;
     overflow: hidden;
   }
 
diff --git a/src/util/Drawer/Drawer.tsx b/src/util/Drawer/Drawer.tsx
index c44acff..27b6460 100644
--- a/src/util/Drawer/Drawer.tsx
+++ b/src/util/Drawer/Drawer.tsx
@@ -23,9 +23,9 @@ const UIDrawer: React.FC<{ children: React.ReactNode }> = ({ children }) => {
   return (
     <motion.div
       className={styles.drawer}
-      initial={{ y: "100vh" }}
+      initial={{ y: "100%" }}
       animate={{ y: "0%" }}
-      exit={{ y: "100vh" }}
+      exit={{ y: "100%" }}
       transition={{ type: "tween" }}
     >
       {children}