From 20a138a6d1cb185523caa3e139ecfa5841ca884c Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Tue, 11 Nov 2025 01:30:58 +0000
Subject: [PATCH] Allow notification badge overflow on header container

cgen-d920463a6dc34fa1bd0cbc311a6df0cc
---
 client/components/Layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/components/Layout.tsx b/client/components/Layout.tsx
index 996a277e..e07bade7 100644
--- a/client/components/Layout.tsx
+++ b/client/components/Layout.tsx
@@ -131,7 +131,7 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) {
   return (
     <div className="min-h-screen bg-aethex-gradient">
       <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-visible">
-        <div className="container mx-auto max-w-7xl flex min-h-16 h-auto items-center justify-between px-4 py-2 gap-1 md:gap-2 min-w-0 overflow-x-auto">
+        <div className="container mx-auto max-w-7xl flex min-h-16 h-auto items-center justify-between px-4 py-2 gap-1 md:gap-2 min-w-0 overflow-visible">
           {/* Logo */}
           <div className="flex items-center shrink-0 relative">
             {/* Desktop - Regular Link */}