diff --git a/src/components/router/RouterMenu.tsx b/src/components/router/RouterMenu.tsx
index 5389fac..92aec37 100644
--- a/src/components/router/RouterMenu.tsx
+++ b/src/components/router/RouterMenu.tsx
@@ -9,7 +9,12 @@ import { RouterButton } from "./RouterButton";
 
 const useStyles = makeStyles({
     drawer: {
-        ...shorthands.borderRadius(tokens.borderRadiusMedium)
+        ...shorthands.borderRadius(tokens.borderRadiusMedium),
+
+        paddingTop: "env(safe-area-inset-top)",
+        paddingBottom: "env(safe-area-inset-bottom)",
+        paddingLeft: "env(safe-area-inset-left)",
+        paddingRight: "env(safe-area-inset-right)"
     },
     drawerBody: {
         display: "flex",