diff --git a/components/ActionBar/Navigation.tsx b/components/ActionBar/Navigation.tsx
index 54357695..b1c0b245 100644
--- a/components/ActionBar/Navigation.tsx
+++ b/components/ActionBar/Navigation.tsx
@@ -176,7 +176,7 @@ export function NotificationButton(props: { current?: boolean }) {
       asChild
       side={isMobile ? "top" : "right"}
       align={isMobile ? "center" : "start"}
-      className="sm:max-w-sm w-full pt-3! pb-3!"
+      className="sm:max-w-sm sm:w-max w-full pt-3! pb-3!"
       trigger={
         <ActionButton
           nav