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 0cf76e6633..2c6660ebf7 100644
--- a/aio/src/app/shared/search-results/search-results.component.html
+++ b/aio/src/app/shared/search-results/search-results.component.html
@@ -26,5 +26,5 @@
 </ng-template>
 
 <ng-template #notFound>
-  <p>{{notFoundMessage}}</p>
+  <p class="not-found">{{notFoundMessage}}</p>
 </ng-template>
diff --git a/aio/src/styles/2-modules/_search-results.scss b/aio/src/styles/2-modules/_search-results.scss
index 18e220eb04..139c0f2ab7 100644
--- a/aio/src/styles/2-modules/_search-results.scss
+++ b/aio/src/styles/2-modules/_search-results.scss
@@ -66,6 +66,12 @@ aio-search-results {
       }
     }
 
+    .not-found {
+      color: $white;
+      text-align: center;
+      margin: 16px;
+    }
+
     @media (max-width: 600px) {
       display: block;
     }
@@ -93,6 +99,10 @@ aio-search-results {
           }
         }
       }
+
+      .not-found {
+        color: $darkgray;
+      }
     }
   }
 }