From 223c00a382c8d6fb13fa22c67d27d781ac8b2aed Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Wed, 4 Feb 2026 11:32:14 +0100
Subject: [PATCH] fix: conditionally render OfflineBanner and adjust main
 padding based on user authentication and online status

---
 app/layout-content.tsx       | 4 ++--
 components/OfflineBanner.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/layout-content.tsx b/app/layout-content.tsx
index 0175a44..1a31c0f 100644
--- a/app/layout-content.tsx
+++ b/app/layout-content.tsx
@@ -55,9 +55,9 @@ export default function LayoutContent({ children }: { children: React.ReactNode
         showFaq={false}
         showSecurity={false}
         showPricing={true}
-        bottomContent={<OfflineBanner />}
+        bottomContent={auth.user ? <OfflineBanner /> : undefined}
       />
-      <main className={`flex-1 pb-8 ${isOnline ? 'pt-24' : 'pt-32'}`}>
+      <main className={`flex-1 pb-8 ${auth.user && !isOnline ? 'pt-32' : 'pt-24'}`}>
         {children}
       </main>
       <Footer 
diff --git a/components/OfflineBanner.tsx b/components/OfflineBanner.tsx
index 0be7f53..7238285 100644
--- a/components/OfflineBanner.tsx
+++ b/components/OfflineBanner.tsx
@@ -9,7 +9,7 @@ export function OfflineBanner() {
   if (isOnline) return null;
 
   return (
-    <div className="bg-yellow-500/10 dark:bg-yellow-500/20 border-b border-yellow-500/20 dark:border-yellow-500/30 text-yellow-600 dark:text-yellow-400 px-4 sm:px-8 py-2 text-sm flex items-center justify-center gap-2 font-medium">
+    <div className="rounded-b-2xl bg-yellow-500/10 dark:bg-yellow-500/20 border-b border-yellow-500/20 dark:border-yellow-500/30 text-yellow-600 dark:text-yellow-400 px-4 sm:px-8 py-2 text-sm flex items-center justify-center gap-2 font-medium">
       <FiWifiOff className="w-4 h-4" />
       <span>You are currently offline. Changes may not be saved.</span>
     </div>