diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss
index 6ec7f28f17..4c2a8b8418 100644
--- a/assets/scss/_custom.scss
+++ b/assets/scss/_custom.scss
@@ -239,6 +239,12 @@ body.td-404 main .error-details {
   }
 }
 
+.flip-nav .search-item {
+  .td-search-input {
+    background-color: $dark-grey;
+  }
+}
+
 /* FOOTER */
 footer {
   background-color: #303030;
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index 06306fc489..48edf64be9 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -24,6 +24,9 @@
 				{{ partial "navbar-lang-selector.html" . }}
 			</li>
 			{{ end }}
+			<li class="search-item nav-item mr-n4 mr-lg-0">
+				{{ partial "search-input.html" . }}
+			</li>
 		</ul>
 	</div>
 	<button id="hamburger" onclick="kub.toggleMenu()" data-auto-burger-exclude><div></div></button>