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}