diff --git a/app/(app)/_layout/MobileBanner.tsx b/app/(app)/_layout/MobileBanner.tsx
index 2e31bd5..486340c 100644
--- a/app/(app)/_layout/MobileBanner.tsx
+++ b/app/(app)/_layout/MobileBanner.tsx
@@ -24,9 +24,9 @@ export default function MobileBanner() {
   }
   if (!showPWAPrompt) return null;
   return (
-    <div className="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: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="center h-[32px] w-[32px] shrink-0 rounded-[6px] border bg-white shadow">
-        <Logo className="text-black" />
+        <Logo className="h-[20px] w-[20px] text-primary" />
       </div>
       <div className="flex-1 text-sm font-medium text-foreground">
         Get our PWA