diff --git a/packages/site-kit/src/lib/nav/Nav.svelte b/packages/site-kit/src/lib/nav/Nav.svelte
index c1d1d321d..d284ad11b 100644
--- a/packages/site-kit/src/lib/nav/Nav.svelte
+++ b/packages/site-kit/src/lib/nav/Nav.svelte
@@ -311,6 +311,11 @@ 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 {