diff --git a/src/pages/PageContainer.tsx b/src/pages/PageContainer.tsx
index 2915e5b..ed78830 100644
--- a/src/pages/PageContainer.tsx
+++ b/src/pages/PageContainer.tsx
@@ -9,9 +9,20 @@ const useStyles = makeStyles((theme: Theme) => ({
     width: "100%",
     overflowX: "hidden",
     overflowY: "auto",
-    height: `calc(100vh - 112px)`,
+    // height: `calc(100vh - 112px)`,
+    // [theme.breakpoints.up("sm")]: {
+    //   height: `calc(100vh - 64px)`
+    // }
+    minHeight: `calc(100vh - 112px)`,
+    "@supports (height: 100dvh)": {
+      minHeight: `calc(100dvh - 112px)`
+    },
     [theme.breakpoints.up("sm")]: {
-      height: `calc(100vh - 64px)`
+      minHeight: `calc(100vh - 64px)`,
+
+      "@supports (height: 100dvh)": {
+        minHeight: `calc(100dvh - 64px)`
+      }
     }
   },
   fullViewportContainer: {