diff --git a/assets/css/src/components/_notice.scss b/assets/css/src/components/_notice.scss
index abec02d4d0..37f1c2f82d 100644
--- a/assets/css/src/components/_notice.scss
+++ b/assets/css/src/components/_notice.scss
@@ -22,28 +22,23 @@
 
 .mailpoet_base_notice {
   background: #fff;
-  border-left: 4px solid transparent;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
   margin: 5px 0 15px;
   padding: 1px 12px;
 }
 
 .mailpoet_success_notice {
-  @extend .mailpoet_base_notice;
-  border-left-color: #46b450;
+  border-left: 4px solid #46b450;
 }
 
 .mailpoet_error_notice {
-  @extend .mailpoet_base_notice;
-  border-left-color: #dc3232;
+  border-left: 4px solid #dc3232;
 }
 
 .mailpoet_warning_notice {
-  @extend .mailpoet_base_notice;
-  border-left-color: #ffb900;
+  border-left: 4px solid #ffb900;
 }
 
 .mailpoet_info_notice {
-  @extend .mailpoet_base_notice;
-  border-left-color: #00a0d2;
+  border-left: 4px solid #00a0d2;
 }
diff --git a/assets/js/src/notices/notice.jsx b/assets/js/src/notices/notice.jsx
index 449b8da9db..096496c8b2 100644
--- a/assets/js/src/notices/notice.jsx
+++ b/assets/js/src/notices/notice.jsx
@@ -22,7 +22,7 @@ const Notice = (props) => {
 
   if (hidden) return null;
   return ReactDOM.createPortal(
-    <div ref={elementRef} className={`mailpoet_${props.type}_notice`}>{props.children}</div>,
+    <div ref={elementRef} className={`mailpoet_base_notice mailpoet_${props.type}_notice`}>{props.children}</div>,
     document.getElementById('mailpoet_notices')
   );
 };