diff --git a/app/assets/stylesheets/common/select-kit/notifications-button.scss b/app/assets/stylesheets/common/select-kit/notifications-button.scss
index ba3e492f3e7..bc8bb2e5574 100644
--- a/app/assets/stylesheets/common/select-kit/notifications-button.scss
+++ b/app/assets/stylesheets/common/select-kit/notifications-button.scss
@@ -4,6 +4,11 @@
       .select-kit-body {
         max-width: 400px;
         width: 400px;
+
+        @media screen and (max-width: 767px) {
+          max-width: 100%;
+          width: auto;
+        }
       }
 
       .select-kit-row {