From cbfa49c3ab962df8ae48c564317b9f165e7ad584 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Thu, 19 Mar 2026 21:31:07 +0200
Subject: [PATCH] Try to fix mobile tab nav height on Android

---
 app/components/MobileNav.module.css | 16 ++--------------
 1 file changed, 2 insertions(+), 14 deletions(-)

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;