diff --git a/src/css/custom.css b/src/css/custom.css
index cb95cfbc..a7cf84a3 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -650,7 +650,7 @@ figure img {
   height: 1rem;
 }
 
-/* Ensure theme toggle aligns with icons */
+/* Keep the theme toggle visible alongside the other navbar controls. */
 .navbar__items--right > div,
 .navbar__items--right button {
   display: flex !important;
@@ -658,6 +658,13 @@ figure img {
   margin: 0 !important;
 }
 
+@media (max-width: 996px) {
+  /* Keep search in the flex row instead of positioning it over the toggle. */
+  .navbar__items--right > div {
+    position: static;
+  }
+}
+
 .navbar .dropdown__menu {
   min-width: 11rem;
   padding: 0.5rem;