diff --git a/app/(app)/_layout/MobileBanner.tsx b/app/(app)/_layout/MobileBanner.tsx
index 486340c..ad6f491 100644
--- a/app/(app)/_layout/MobileBanner.tsx
+++ b/app/(app)/_layout/MobileBanner.tsx
@@ -24,7 +24,7 @@ export default function MobileBanner() {
   }
   if (!showPWAPrompt) return null;
   return (
-    <div className="standalone:hidden fixed bottom-[var(--bottom-nav-height)] flex w-screen items-center gap-3 border-t bg-card px-3 py-2.5 sm:hidden">
+    <div className="standalone-hide fixed bottom-[var(--bottom-nav-height)] flex w-screen items-center gap-3 border-t bg-card px-3 py-2.5 sm:hidden">
       <div className="center h-[32px] w-[32px] shrink-0 rounded-[6px] border bg-white shadow">
         <Logo className="h-[20px] w-[20px] text-primary" />
       </div>
diff --git a/app/globals.css b/app/globals.css
index 9c33854..172fcbd 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -65,6 +65,9 @@
     .bottom-tabs {
       padding-bottom: 20px;
     }
+    .standalone-hide {
+      display: none;
+    }
   }
 }