fix(ui): Root grid height

Hypfer · Sep 26, 2021 · 1d9a244 · 1d9a244
1 parent 5177c47
commit 1d9a244
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/frontend/src/HomePage.tsx b/frontend/src/HomePage.tsx
@@ -4,9 +4,11 @@ import ControlsBottomSheet from "./controls/ControlsBottomSheet";
 import {useIsMobileView} from "./hooks";
 import MapPage from "./map";
 
-const RootGrid = styled(Grid)({
-    height: "100%",
-    flexWrap: "nowrap",
+const RootGrid = styled(Grid)(({ theme }) => {
+    return {
+        height: `calc(100% - ${theme.mixins.toolbar.height}`,
+        flexWrap: "nowrap",
+    };
 });
 const ScrollableGrid = styled(Grid)({
     overflow: "auto",