diff --git a/client/src/components/Header/header.css b/client/src/components/Header/header.css
index 299939e38c..d56e4c96d2 100644
--- a/client/src/components/Header/header.css
+++ b/client/src/components/Header/header.css
@@ -105,16 +105,45 @@ header {
 }
 
 .fcc_searchBar .ais-Hits {
-  width: 60%;
+  width: 100%;
+  left: 0;
 }
 
-@media (max-width: 735px) {
+@media (min-width: 480px) {
+  .fcc_searchBar .ais-Hits {
+    width: 90%;
+    left: 5%;
+  }
+}
+
+@media (min-width: 735px) {
   .fcc_searchBar .ais-Hits {
     width: 80%;
     left: 10%;
   }
 }
 
+@media (min-width: 992px) {
+  .fcc_searchBar {
+    position: relative;
+  }
+  .fcc_searchBar .ais-Hits {
+    width: calc(100% - 20px);
+    left: 10px;
+  }
+}
+
+/* hits */
+.fcc_searchBar .ais-Highlight-highlighted {
+  background-color: transparent;
+  font-style: normal;
+  font-weight: bold;
+}
+
+.fcc_searchBar .fcc_suggestion_item {
+  padding: 10px;
+}
+
 /* Navbar logo */
 
 .logo-glyph {