diff --git a/aio/src/styles/2-modules/_search-results.scss b/aio/src/styles/2-modules/_search-results.scss
index 50c76f3f61..8f17a6d3f2 100644
--- a/aio/src/styles/2-modules/_search-results.scss
+++ b/aio/src/styles/2-modules/_search-results.scss
@@ -1,102 +1,108 @@
 aio-search-results {
   z-index: 10;
-}
 
-.search-results {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-around;
-  overflow: auto;
-  padding: 68px 32px 0;
-  color: $offwhite;
-  width: auto;
-  max-height: 95vh;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 5;
-  background-color: $darkgray;
-  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
-  box-sizing: border-box;
-
-  @media (max-width: 480px) {
-    display: block;
+  .search-results {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    overflow: auto;
+    padding: 68px 32px 0;
+    width: auto;
+    max-height: 95vh;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 5;
+    background-color: $darkgray;
+    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
+    box-sizing: border-box;
 
     .search-area {
+      display: flex;
+      flex-direction: column;
+      margin: 16px;
+      height: 100%;
+
+      .search-section-header {
+        @include font-size(16);
+        font-weight: 400;
+        margin: 10px 0px 5px;
+        text-transform: uppercase;
+        color: $white;
+      }
+
+      ul {
+        margin: 0;
+        padding: 0;
+
+        li {
+          list-style: none;
+        }
+
+        .search-result-item {
+          @include font-size(14);
+          color: $lightgray;
+          font-weight: normal;
+
+          &a {
+            text-decoration: none;
+          }
+
+          &:hover {
+            color: $white;
+          }
+
+          .symbol {
+            margin-right: 8px;
+          }
+        }
+
+        &.priority-pages {
+          padding: 0.5rem 0;
+
+          .search-result-item {
+            font-weight: bold;
+          }
+        }
+      }
+
+      @include bp(tiny) {
+        display: block;
+      }
+    }
+
+    @media (max-width: 480px) {
       display: block;
-      margin: 16px 16px;
+
+      .search-area {
+        display: block;
+      }
+    }
+  }
+
+  &.embedded {
+    .search-results {
+      padding: 0;
+      color: inherit;
+      max-height: 100%;
+      position: relative;
+      background-color: inherit;
+      box-shadow: none;
+
+      .search-area {
+        .search-section-header {
+          color: $darkgray;
+        }
+
+        .search-result-item {
+          color: lighten($darkgray, 10);
+
+          &:hover {
+            color: $accentblue;
+          }
+        }
+      }
     }
   }
 }
-
-aio-search-results.embedded .search-results {
-  padding: 0;
-  color: inherit;
-  width: auto;
-  max-height: 100%;
-  position: relative;
-  background-color: inherit;
-  box-shadow: none;
-  box-sizing: border-box;
-
-  .search-area a {
-    color: lighten($darkgray, 10);
-    &:hover {
-      color: $accentblue;
-    }
-  }
-}
-
-.search-area {
-  display: flex;
-  flex-direction: column;
-  margin: 16px 16px;
-  height: 100%;
-
-  .search-section-header {
-    @include font-size(16);
-    font-weight: 400;
-    margin: 10px 0px 5px;
-    text-transform: uppercase;
-    color: $white;
-  }
-
-  ul {
-    margin: 0;
-    padding: 0;
-
-    li {
-      list-style: none;
-    }
-  }
-
-  a {
-    @include font-size(14);
-    color: $lightgray;
-    text-decoration: none;
-    font-weight: normal;
-    &:hover {
-      color: $white;
-    }
-    &:visited {
-      text-decoration: none;
-    }
-
-    span.symbol {
-      margin-right: 8px;
-    }
-  }
-
-  .priority-pages {
-    padding: 0.5rem 0;
-
-    a {
-      font-weight: bold;
-    }
-  }
-
-  @include bp(tiny) {
-    display: block;
-  }
-}