diff --git a/App/components/layout/notification-bell.tsx b/App/components/layout/notification-bell.tsx
index 75a54f5..a037463 100644
--- a/App/components/layout/notification-bell.tsx
+++ b/App/components/layout/notification-bell.tsx
@@ -114,7 +114,7 @@ export function NotificationBell({ initialUnreadCount, initialNotifications }: P
 
       {/* Dropdown panel */}
       {open && (
-        <div className="absolute right-0 top-full mt-2 w-96 rounded-xl border border-neutral-200 bg-white shadow-xl z-50 overflow-hidden">
+        <div className="absolute right-0 top-full mt-2 w-80 sm:w-96 max-w-[calc(100vw-1rem)] rounded-xl border border-neutral-200 bg-white shadow-xl z-50 overflow-hidden">
           {/* Header */}
           <div className="flex items-center justify-between border-b border-neutral-100 px-4 py-3">
             <h3 className="text-sm font-semibold text-neutral-900">Notifications</h3>