diff --git a/packages/learn/src/components/Header/header.css b/packages/learn/src/components/Header/header.css
index d22aa273dc..35db2f0375 100644
--- a/packages/learn/src/components/Header/header.css
+++ b/packages/learn/src/components/Header/header.css
@@ -107,12 +107,14 @@ header {
   padding: 3px 10px 0;
   margin-right: auto;
 }
-#fcc_instantsearch {
+.ais-SearchBox-input {
   max-height: 30px;
 }
 .ais-SearchBox-form {
   margin-bottom: 0;
 }
 .ais-Hits {
-  background-color: #fff;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
 }
diff --git a/packages/learn/src/layouts/layout.css b/packages/learn/src/layouts/layout.css
index e456357520..2b4428e84f 100644
--- a/packages/learn/src/layouts/layout.css
+++ b/packages/learn/src/layouts/layout.css
@@ -12,7 +12,7 @@ main {
   /*
   Note(renojvarghese): had to put a max-height because max-height was removed from app-wrapper (has background of #333 in night mode)
   */
-  max-height: calc(100vh - 38px);
+  max-height: calc(100vh - 36px);
   overflow-y: scroll;
 }
 
@@ -27,6 +27,6 @@ main {
 }
 
 .app-wrapper {
-  margin-top: 38px;
-  min-height: calc(100vh - 38px);
+  margin-top: 36px;
+  min-height: calc(100vh - 36px);
 }
diff --git a/packages/learn/src/templates/Challenges/components/preview.css b/packages/learn/src/templates/Challenges/components/preview.css
index 3bfc452dcf..1e51740083 100644
--- a/packages/learn/src/templates/Challenges/components/preview.css
+++ b/packages/learn/src/templates/Challenges/components/preview.css
@@ -6,7 +6,7 @@
 }
 
 .challenge-preview, .challenge-preview-frame {
-  height: calc(100vh - 40px);
+  height: calc(100vh - 38px);
   width: 100%;
   padding: 0;
   margin: 0;
@@ -18,4 +18,4 @@
 
 .disable-iframe {
   pointer-events: none;
-}
\ No newline at end of file
+}