diff --git a/ui/component/notification/view.jsx b/ui/component/notification/view.jsx
index 3a0d70811..0da262dd5 100644
--- a/ui/component/notification/view.jsx
+++ b/ui/component/notification/view.jsx
@@ -160,7 +160,7 @@ export default function Notification(props: Props) {
       )
     : notificationLink
     ? (props: { children: any }) => (
-        <NavLink {...navLinkProps}>
+        <NavLink {...navLinkProps} className="menu__link--notification">
           <a className="menu__link--notification" onClick={handleNotificationClick}>
             {props.children}
           </a>
diff --git a/ui/scss/component/menu-button.scss b/ui/scss/component/menu-button.scss
index 5f32d66ad..9ddb0145b 100644
--- a/ui/scss/component/menu-button.scss
+++ b/ui/scss/component/menu-button.scss
@@ -119,6 +119,7 @@
 }
 
 .menu__link--notification {
+  width: 100%;
   display: flex;
   align-items: flex-start;