diff --git a/src/lib/templates.js b/src/lib/templates.js
index 999482734..4358ae364 100644
--- a/src/lib/templates.js
+++ b/src/lib/templates.js
@@ -6,11 +6,11 @@ let templates = {
   suggestion: `
   <div class="${suggestionPrefix}
     {{#isCategoryHeader}}${suggestionPrefix}__main{{/isCategoryHeader}}
-    {{#isSubcategoryHeader}}${suggestionPrefix}__secondary{{/isSubcategoryHeader}}
+    {{#isSubCategoryHeader}}${suggestionPrefix}__secondary{{/isSubCategoryHeader}}
   ">
     <div class="${suggestionPrefix}--category-header">{{{category}}}</div>
     <div class="${suggestionPrefix}--wrapper">
-      <div class="${suggestionPrefix}--subcategory-column">{{{subcategory}}}</div>
+      <div class="${suggestionPrefix}--subcategory-column"><span class="${suggestionPrefix}--subcategory-column-text">{{{subcategory}}}</span></div>
       <div class="${suggestionPrefix}--content">
         <div class="${suggestionPrefix}--subcategory-inline">{{{subcategory}}}</div>
         <div class="${suggestionPrefix}--title">{{{title}}}</div>
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 880cfa957..130391977 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -141,6 +141,14 @@
     max-width: 135px; // Hardcoded
     min-width: 135px; // Hardcoded
   }
+
+  .algolia-docsearch-suggestion--subcategory-column-text {
+    display: none;
+
+    .algolia-docsearch-suggestion__secondary & {
+      display: block;
+    }
+  }
   .algolia-docsearch-suggestion--content {
     display: table-cell;
     padding: 5px 10px;