diff --git a/app/components/MobileNav.module.css b/app/components/MobileNav.module.css
index 8f0b05f07..ba7813da4 100644
--- a/app/components/MobileNav.module.css
+++ b/app/components/MobileNav.module.css
@@ -16,19 +16,13 @@
 	display: flex;
 	justify-content: space-around;
 	align-items: center;
-	height: var(--layout-nav-height);
+	height: calc(var(--layout-nav-height) + env(safe-area-inset-bottom));
 	background-color: var(--color-bg);
 	border-top: 1.5px solid var(--color-border);
 	padding: 0 var(--s-4);
 	padding-bottom: env(safe-area-inset-bottom);
 }
 
-@media screen and (display-mode: standalone) {
-	.tabBar {
-		height: calc(var(--layout-nav-height) + env(safe-area-inset-bottom));
-	}
-}
-
 .tab {
 	display: flex;
 	flex-direction: column;
@@ -368,7 +362,7 @@
 	bottom: calc(0px - var(--layout-nav-height));
 	left: 0;
 	right: 0;
-	height: var(--layout-nav-height);
+	height: calc(var(--layout-nav-height) + env(safe-area-inset-bottom));
 	padding-bottom: env(safe-area-inset-bottom);
 	display: flex;
 	justify-content: space-around;
@@ -376,12 +370,6 @@
 	z-index: 100;
 }
 
-@media screen and (display-mode: standalone) {
-	.ghostTabBar {
-		height: calc(var(--layout-nav-height) + env(safe-area-inset-bottom));
-	}
-}
-
 .ghostTab {
 	height: 100%;
 	flex: 1;