diff --git a/packages/site-kit/src/lib/nav/Nav.svelte b/packages/site-kit/src/lib/nav/Nav.svelte
index c237c2777b..d98a319237 100644
--- a/packages/site-kit/src/lib/nav/Nav.svelte
+++ b/packages/site-kit/src/lib/nav/Nav.svelte
@@ -320,6 +320,12 @@ Top navigation bar for the application. It provides a slot for the left side, th
 		nav {
 			top: unset;
 			bottom: 0;
+
+			&.visible,
+			&:focus-within {
+				padding-bottom: env(safe-area-inset-bottom);
+				height: calc(var(--sk-nav-height) + env(safe-area-inset-bottom));
+			}
 		}
 
 		.menu {