diff --git a/src/components/site/SiteHeader.tsx b/src/components/site/SiteHeader.tsx
index 0a3d9abe..a00fb25c 100644
--- a/src/components/site/SiteHeader.tsx
+++ b/src/components/site/SiteHeader.tsx
@@ -71,14 +71,21 @@ export const SiteHeader = async ({
           }
         })()}
       </div>
-      <div className="px-5 max-w-screen-lg mx-auto h-full relative flex items-center flex-col">
+      <div
+        className={cn(
+          "px-5 max-w-screen-lg mx-auto h-full relative flex items-center flex-col",
+          site?.metadata?.content?.banners?.[0]?.address
+            ? "bg-white/50 backdrop-blur-sm sm:bg-transparent sm:backdrop-filter-none"
+            : "",
+        )}
+      >
         <div className="mb-auto"></div>
         <div className="flex py-12 w-full">
           <div
             className={cn(
               "xlog-site-info flex space-x-6 sm:space-x-8 w-full",
               site?.metadata?.content?.banners?.[0]?.address
-                ? "bg-white/50 backdrop-blur-sm rounded-3xl p-4 pb-[52px] sm:p-8 z-[1] border"
+                ? "sm:bg-white/50 sm:backdrop-blur-sm sm:rounded-3xl z-[1] sm:p-8 sm:border"
                 : "",
             )}
           >