diff --git a/app/layout-content.tsx b/app/layout-content.tsx
index b42b9ab..74bfb25 100644
--- a/app/layout-content.tsx
+++ b/app/layout-content.tsx
@@ -45,7 +45,7 @@ export default function LayoutContent({ children }: { children: React.ReactNode
 
   return (
     <>
-      {auth.user && <OfflineBanner />}
+      {auth.user && <OfflineBanner isOnline={isOnline} />}
       <Header 
         auth={auth} 
         LinkComponent={Link} 
diff --git a/components/OfflineBanner.tsx b/components/OfflineBanner.tsx
index fa9f9c3..98ef2ea 100644
--- a/components/OfflineBanner.tsx
+++ b/components/OfflineBanner.tsx
@@ -1,11 +1,8 @@
 'use client';
 
-import { useOnlineStatus } from '@/lib/hooks/useOnlineStatus';
 import { FiWifiOff } from 'react-icons/fi';
 
-export function OfflineBanner() {
-  const isOnline = useOnlineStatus();
-
+export function OfflineBanner({ isOnline }: { isOnline: boolean }) {
   if (isOnline) return null;
 
   return (
diff --git a/lib/hooks/useOnlineStatus.ts b/lib/hooks/useOnlineStatus.ts
index 9343614..8a49890 100644
--- a/lib/hooks/useOnlineStatus.ts
+++ b/lib/hooks/useOnlineStatus.ts
@@ -4,10 +4,9 @@ export function useOnlineStatus() {
   const [isOnline, setIsOnline] = useState(true);
 
   useEffect(() => {
-    // Check initial status
-    if (typeof window !== 'undefined') {
-      setIsOnline(navigator.onLine);
-    }
+    if (typeof window === 'undefined') return;
+
+    setIsOnline(navigator.onLine);
 
     const handleOnline = () => setIsOnline(true);
     const handleOffline = () => setIsOnline(false);
diff --git a/public/icon-192x192.png b/public/icon-192x192.png
new file mode 100644
index 0000000..c3b532c
Binary files /dev/null and b/public/icon-192x192.png differ
diff --git a/public/icon-512x512.png b/public/icon-512x512.png
new file mode 100644
index 0000000..a9bf4b0
Binary files /dev/null and b/public/icon-512x512.png differ
diff --git a/public/manifest.json b/public/manifest.json
index ba43e5b..5f19b6c 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -5,15 +5,15 @@
   "start_url": "/",
   "display": "standalone",
   "background_color": "#ffffff",
-  "theme_color": "#000000",
+  "theme_color": "#FD5E0F",
   "icons": [
     {
-      "src": "/Icon%20Padding%20left%20%26%20right%20192x192.png",
+      "src": "/icon-192x192.png",
       "sizes": "192x192",
       "type": "image/png"
     },
     {
-      "src": "/Icon%20Padding%20left%20%26%20right%20512x512.png",
+      "src": "/icon-512x512.png",
       "sizes": "512x512",
       "type": "image/png"
     }