From b9bb31de7d6419616fcf82bdf01afa125210e399 Mon Sep 17 00:00:00 2001
From: csawatzky <chris@adaptiveagriculture.ca>
Date: Tue, 3 Feb 2026 13:02:14 -0600
Subject: [PATCH] modifying the page container style to fix the issue where on
 mobile when using a browser you cant scroll to the bottom because of how vh
 works

---
 src/pages/PageContainer.tsx | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

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: {