diff --git a/static/frontend/search/search.css b/static/frontend/search/search.css
index 692b12c..8cf1df8 100644
--- a/static/frontend/search/search.css
+++ b/static/frontend/search/search.css
@@ -72,3 +72,6 @@
 .SearchSnippet-header-dash {
   color: var(--color-text-subtle);
 }
+.SearchSnippet-symbolKind {
+  color: var(--color-text);
+}
diff --git a/static/frontend/search/search.tmpl b/static/frontend/search/search.tmpl
index 82a0221..943e18a 100644
--- a/static/frontend/search/search.tmpl
+++ b/static/frontend/search/search.tmpl
@@ -56,12 +56,12 @@
       <div class="SearchSnippet">
         <div class="SearchSnippet-headerContainer">
           <h2>
-            <span class="SearchSnippet-symbolKind">{{.SymbolKind}}</span>
             <a href="{{.SymbolLink}}" data-gtmc="search result" data-gtmv="{{$i}}"
                 data-test-id="snippet-title">
+              <span class="SearchSnippet-symbolKind">{{.SymbolKind}}</span>
               {{.SymbolName}}
             </a>
-            <span class="SearchSnippet-symbolPackagePath">in</span>
+            <span class="SearchSnippet-header-dash">in</span>
             <a href="/{{$r.PackagePath}}"
               class="">{{$r.PackagePath}}</a>
           </h2>