diff --git a/aio/src/app/shared/search-results/search-results.component.html b/aio/src/app/shared/search-results/search-results.component.html
index 84de689807..0cf76e6633 100644
--- a/aio/src/app/shared/search-results/search-results.component.html
+++ b/aio/src/app/shared/search-results/search-results.component.html
@@ -5,7 +5,7 @@
 <ng-template #searchResults>
   <h2 class="visually-hidden">Search Results</h2>
   <div class="search-area" *ngFor="let area of searchAreas">
-    <h3>{{area.name}} ({{area.pages.length + area.priorityPages.length}})</h3>
+    <h3 class="search-section-header">{{area.name}} ({{area.pages.length + area.priorityPages.length}})</h3>
     <ul class="priority-pages" >
       <li class="search-page" *ngFor="let page of area.priorityPages">
         <a class="search-result-item" href="{{ page.path }}" (click)="onResultSelected(page, $event)">
diff --git a/aio/src/styles/2-modules/_search-results.scss b/aio/src/styles/2-modules/_search-results.scss
index fc71cea5dc..210fab6ebb 100644
--- a/aio/src/styles/2-modules/_search-results.scss
+++ b/aio/src/styles/2-modules/_search-results.scss
@@ -53,11 +53,12 @@ aio-search-results.embedded .search-results {
     margin: 16px 16px;
     height: 100%;
 
-    h3 {
+    .search-section-header {
         font-size: 16px;
         font-weight: 400;
         margin: 10px 0px 5px;
         text-transform: uppercase;
+        color: $white;
     }
 
     ul {