diff --git a/packages/site-kit/src/lib/nav/Nav.svelte b/packages/site-kit/src/lib/nav/Nav.svelte
index c20e2d85d..033e04ed6 100644
--- a/packages/site-kit/src/lib/nav/Nav.svelte
+++ b/packages/site-kit/src/lib/nav/Nav.svelte
@@ -313,6 +313,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 {