DDW-659 - Review and fix incorrect global instances in css files - do…

…t fix
input-output-hk · Jun 8, 2021 · f1c2586 · f1c2586
1 parent 1d2ce65
commit f1c2586
Showing 1 changed file with 18 additions and 18 deletions.
diff --git a/source/renderer/app/components/widgets/NewsFeedIcon.scss b/source/renderer/app/components/widgets/NewsFeedIcon.scss
@@ -3,30 +3,15 @@
   right: 29px;
   top: 20px;
 
-  .dot {
-    &:after {
-      background: var(--theme-news-feed-icon-green-dot-background-color);
-      border-radius: 12.5px;
-      content: '';
-      display: block;
-      height: 8px;
-      pointer-events: none;
-      position: absolute;
-      right: 7px;
-      top: 7px;
-      width: 8px;
-    }
-  }
-
-  .notificationDot {
+  &.notificationDot {
     @extend .dot;
 
     &:after {
-      background: var(--theme-news-feed-icon-red-dot-background-color);
+      background: var(--theme-news-feed-icon-red-dot-background-color) !important;
     }
   }
 
-  .updateDot {
+  &.updateDot {
     @extend .dot;
   }
 
@@ -57,3 +42,18 @@
     }
   }
 }
+
+.dot {
+  &:after {
+    background: var(--theme-news-feed-icon-green-dot-background-color);
+    border-radius: 12.5px;
+    content: '';
+    display: block;
+    height: 8px;
+    pointer-events: none;
+    position: absolute;
+    right: 7px;
+    top: 7px;
+    width: 8px;
+  }
+}