diff --git a/frontend/src/scripts/elements/notifications.ts b/frontend/src/scripts/elements/notifications.ts
index 1873e58c4..aed82da4e 100644
--- a/frontend/src/scripts/elements/notifications.ts
+++ b/frontend/src/scripts/elements/notifications.ts
@@ -147,7 +147,7 @@ class Notification {
             <i class="fas fa-fw fa-times"></i>
           </div>
           `
-              : `<div style="margin-right: 2rem;">${icon}</div>`
+              : `<div class="righticon">${icon}</div>`
           }
         </div>
       </div>
diff --git a/frontend/src/styles/banners.scss b/frontend/src/styles/banners.scss
index c4b506032..3bc1cc625 100644
--- a/frontend/src/styles/banners.scss
+++ b/frontend/src/styles/banners.scss
@@ -43,6 +43,9 @@
           color: var(--text-color);
         }
       }
+      .righticon {
+        margin-right: 1rem;
+      }
     }
     &.good {
       background: var(--main-color);
diff --git a/frontend/src/styles/z_media-queries.scss b/frontend/src/styles/z_media-queries.scss
index 1b989d868..a4f5f3694 100644
--- a/frontend/src/styles/z_media-queries.scss
+++ b/frontend/src/styles/z_media-queries.scss
@@ -104,7 +104,8 @@
     .image {
       display: none;
     }
-    .lefticon {
+    .lefticon,
+    .righticon {
       display: none;
     }
     .text {