diff --git a/src/css/custom.css b/src/css/custom.css
index 35df7d73..8e81a460 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -1340,3 +1340,23 @@ a {
 .page-enter {
   animation: pageSlideIn 0.6s ease-out;
 }
+
+
+@media screen and (max-width: 768px) {
+  .navbar .navbar__items--right {
+    display: flex;
+    align-items: center;
+    gap: 20px; 
+  }
+
+  .navbar .DocSearch-Button {
+    min-width: 36px;
+    margin-right: 30px;
+  }
+
+  .navbar .colorModeToggle {
+    margin-left: 4px;
+    flex-shrink: 0;
+  }
+}
+