diff --git a/src/components/NotificationsPanel/NotificationsPanel.module.scss b/src/components/NotificationsPanel/NotificationsPanel.module.scss
index cc4d1cfe..8044b92b 100644
--- a/src/components/NotificationsPanel/NotificationsPanel.module.scss
+++ b/src/components/NotificationsPanel/NotificationsPanel.module.scss
@@ -18,13 +18,17 @@ $transition-duration: 200ms;
   .panel {
     position: relative;
     background-color: var(--background-color);
-    width: 50%;
+    width: 100%;
     height: 100%;
     transform: translateX(100%);
     transition: transform $transition-duration;
     display: flex;
     flex-direction: column;
 
+    @include media-breakpoint-up(md) {
+      width: 50%;
+    }
+
     .title {
       @include font-size(2rem);