diff --git a/app/assets/javascripts/discourse/templates/components/categories-boxes-with-topics.hbs b/app/assets/javascripts/discourse/templates/components/categories-boxes-with-topics.hbs
index bdb0ca286d0..8d11bffb170 100644
--- a/app/assets/javascripts/discourse/templates/components/categories-boxes-with-topics.hbs
+++ b/app/assets/javascripts/discourse/templates/components/categories-boxes-with-topics.hbs
@@ -1,13 +1,15 @@
 {{#each categories as |c|}}
-  <div class='category-box' style={{border-color c.color}}>
+  <div class='category-box category-box-{{unbound c.slug}}' style={{border-color c.color}}>
     <div class='category-box-inner'>
-      <a href={{c.url}}>
-        {{#if c.uploaded_logo.url}}
-          {{cdn-img src=c.uploaded_logo.url class="logo"}}
-        {{/if}}
+      <div class='category-box-heading'>
+        <a href={{c.url}}>
+          {{#if c.uploaded_logo.url}}
+            {{cdn-img src=c.uploaded_logo.url class="logo"}}
+          {{/if}}
 
-        <h3>{{c.name}}</h3>
-      </a>
+          <h3>{{c.name}}</h3>
+        </a>
+      </div>
 
       <div class='featured-topics'>
         {{#if c.topics}}
diff --git a/app/assets/stylesheets/desktop/category-list.scss b/app/assets/stylesheets/desktop/category-list.scss
index 349460a0996..43028c62fb7 100644
--- a/app/assets/stylesheets/desktop/category-list.scss
+++ b/app/assets/stylesheets/desktop/category-list.scss
@@ -259,12 +259,6 @@
     border-width: 2px 2px 2px 0;
     border-style: solid;
     border-color: blend-primary-secondary(20%);
-
-    > a[href] {
-      width: 100%;
-      padding: 1em 1em 0 1em;
-      color: $primary;
-    }
   }
 
   h3 {
@@ -272,8 +266,16 @@
     text-align: center;
   }
 
+  .category-box-heading {
+    padding: 1em 1em 0.5em 1em;
+    a[href] {
+      width: 100%;
+      color: $primary;
+    }
+  }
+
   .featured-topics {
-    padding: 0 1em 1em 1em;
+    padding: 0.5em 1em 1em 1em;
     ul {
       color: blend-primary-secondary(70%);
       list-style: none;