diff --git a/app/assets/stylesheets/common/base/_topic-list.scss b/app/assets/stylesheets/common/base/_topic-list.scss
index 54b49674d59..f732d4017ae 100644
--- a/app/assets/stylesheets/common/base/_topic-list.scss
+++ b/app/assets/stylesheets/common/base/_topic-list.scss
@@ -296,4 +296,6 @@ div.education {
 //     right *
 .topic-post-badges {
   white-space: nowrap;
+  align-self: center;
+  line-height: $line-height-medium;
 }
diff --git a/app/assets/stylesheets/common/base/header.scss b/app/assets/stylesheets/common/base/header.scss
index 70ef70888ec..3ebbe86745a 100644
--- a/app/assets/stylesheets/common/base/header.scss
+++ b/app/assets/stylesheets/common/base/header.scss
@@ -178,7 +178,7 @@
     z-index: z("base");
     left: 0;
     top: -4px;
-    min-width: 6px;
+    min-width: 0.6em;
   }
   .unread-notifications {
     left: auto;
diff --git a/app/assets/stylesheets/common/components/badges.scss b/app/assets/stylesheets/common/components/badges.scss
index aaae8aba0e2..a84d6cb26df 100644
--- a/app/assets/stylesheets/common/components/badges.scss
+++ b/app/assets/stylesheets/common/components/badges.scss
@@ -163,9 +163,8 @@
 
 .badge-notification {
   @extend %badge;
-  padding: 3px 5px;
-  min-width: 8px;
-  vertical-align: middle;
+  padding: 0.21em 0.42em;
+  min-width: 0.5em;
   color: $secondary;
   font-size: $font-down-2;
   line-height: $line-height-small;
diff --git a/app/assets/stylesheets/desktop/category-list.scss b/app/assets/stylesheets/desktop/category-list.scss
index f00b409bb02..0d792d4d0f7 100644
--- a/app/assets/stylesheets/desktop/category-list.scss
+++ b/app/assets/stylesheets/desktop/category-list.scss
@@ -52,16 +52,24 @@
   .subcategories {
     margin-top: 0.25em;
     clear: both;
+    .subcategory {
+      display: inline-flex;
+      align-items: baseline;
+      margin-right: 0.8em;
+    }
+    .badge-wrapper {
+      margin-right: 0.5em;
+    }
     .badge-notification.new-posts {
+      display: block;
       padding: 0;
-      margin: 0 10px 0 0;
     }
   }
 
   .featured-topic {
     margin: 10px 0 0;
     display: flex;
-    align-items: center;
+    align-items: baseline;
     &:first-of-type {
       margin-top: 13px;
     }