From b5f4809f9b701f225e9e699e3c6f2512ccd4c188 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Tue, 11 Nov 2025 01:29:16 +0000
Subject: [PATCH] completionId: cgen-0d8d7a32e24c4aa0ac1b774ea3844e1c

cgen-0d8d7a32e24c4aa0ac1b774ea3844e1c
---
 .../notifications/NotificationBell.tsx        | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/client/components/notifications/NotificationBell.tsx b/client/components/notifications/NotificationBell.tsx
index 68e51508..6f9d2717 100644
--- a/client/components/notifications/NotificationBell.tsx
+++ b/client/components/notifications/NotificationBell.tsx
@@ -221,19 +221,20 @@ export default function NotificationBell({
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
-        <Button
-          variant="ghost"
-          size="sm"
-          className={cn("relative hover-lift", className)}
-          style={{ overflow: "visible" }}
-        >
-          <Bell className="h-4 w-4" />
+        <div className="relative inline-block">
+          <Button
+            variant="ghost"
+            size="sm"
+            className={cn("hover-lift", className)}
+          >
+            <Bell className="h-4 w-4" />
+          </Button>
           {unreadCount > 0 ? (
-            <span className="absolute -right-1.5 -top-1.5 z-10 flex h-5 min-w-[20px] items-center justify-center rounded-full bg-aethex-500 px-1.5 text-[11px] font-bold text-white shadow-lg border border-background">
+            <span className="absolute -right-2 -top-2 z-50 flex h-5 min-w-[20px] items-center justify-center rounded-full bg-aethex-500 px-1.5 text-[11px] font-bold text-white shadow-lg border-2 border-background">
               {unreadCount > 9 ? "9+" : unreadCount}
             </span>
           ) : null}
-        </Button>
+        </div>
       </DropdownMenuTrigger>
       <DropdownMenuContent
         align="end"