diff --git a/app/assets/stylesheets/common/components/badges.css.scss b/app/assets/stylesheets/common/components/badges.css.scss
index 77330e382c4..ed145348943 100644
--- a/app/assets/stylesheets/common/components/badges.css.scss
+++ b/app/assets/stylesheets/common/components/badges.css.scss
@@ -54,7 +54,7 @@
   &.bullet { //bullet category style
     display: inline-flex;
     align-items: baseline;
-    margin-right: 10px;
+    margin-right: 5px;
     font-size: 12px;
     line-height: 15px;
 
diff --git a/app/assets/stylesheets/desktop/category-list.scss b/app/assets/stylesheets/desktop/category-list.scss
index b089f41ce65..30b570a59ea 100644
--- a/app/assets/stylesheets/desktop/category-list.scss
+++ b/app/assets/stylesheets/desktop/category-list.scss
@@ -25,6 +25,12 @@
     width: 45%;
   }
 
+  .topics .badge-notification,
+  .category .badge-notification {
+    background-color: transparent;
+    color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 40%));
+  }
+
   .topics {
     width: 80px;
     text-align: right;
@@ -37,8 +43,6 @@
     }
     .badge-notification {
       display: block;
-      background-color: transparent;
-      color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 40%));
       text-align: right;
       padding-right: 0;
       margin-top: 5px;
@@ -50,6 +54,13 @@
     margin-top: 10px;
   }
 
+  .subcategories {
+    .badge-notification.new-posts {
+      padding: 0;
+      margin: 0 5px 0 0;
+    }
+  }
+
   .featured-topic {
     margin: 10px 0 0;