From e5fa79499d52558b56d9c798cdef75f138e2a6f1 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Thu, 13 Nov 2025 05:47:05 +0000
Subject: [PATCH] completionId: cgen-78291d4f1f0c4a98af3fc4912d2fe46d

cgen-78291d4f1f0c4a98af3fc4912d2fe46d
---
 client/components/Layout.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/client/components/Layout.tsx b/client/components/Layout.tsx
index 20343a02..a88f7a58 100644
--- a/client/components/Layout.tsx
+++ b/client/components/Layout.tsx
@@ -134,7 +134,14 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) {
 
   return (
     <div className={cn("min-h-screen transition-all duration-200", theme.wallpaperClass)}>
-      <header className="sticky top-0 z-50 border-b border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 animate-slide-down overflow-hidden">
+      <header
+        className="sticky top-0 z-50 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 animate-slide-down overflow-hidden transition-all duration-200"
+        style={{
+          borderBottomColor: theme.accentHex,
+          borderBottomWidth: "2px",
+          boxShadow: `0 8px 32px ${theme.accentHex}15`,
+        }}
+      >
         <div className="container mx-auto max-w-7xl flex min-h-16 h-auto items-center justify-between px-3 md:px-4 py-2 gap-1 md:gap-3 lg:gap-4 min-w-0 overflow-hidden">
           {/* Logo */}
           <div className="flex items-center shrink-0 relative">