diff --git a/doc/_doxygen/doxygen-awesome.css b/doc/_doxygen/doxygen-awesome.css
index 6b5a7899ba0..8b35f2f62a9 100644
--- a/doc/_doxygen/doxygen-awesome.css
+++ b/doc/_doxygen/doxygen-awesome.css
@@ -168,7 +168,7 @@ html {
 @media (prefers-color-scheme: dark) {
     html:not(.light-mode) {
         color-scheme: dark;
-        
+
         --primary-color: #1982d2;
         --primary-dark-color: #5ca8e2;
         --primary-light-color: #4779ac;
@@ -581,6 +581,10 @@ iframe#MSearchResults {
     margin: 4px;
 }
 
+iframe {
+    color-scheme: normal;
+}
+
 @media (prefers-color-scheme: dark) {
     html:not(.light-mode) iframe#MSearchResults {
         filter: invert() hue-rotate(180deg);
@@ -646,6 +650,23 @@ html.dark-mode iframe#MSearchResults {
         transform: translate(0, 20px);
         animation: ease-out 280ms slideInSearchResultsMobile;
     }
+
+    /*
+     * Overwrites for fixing the searchbox on mobile in doxygen 1.9.2
+     */
+    label.main-menu-btn ~ #searchBoxPos1 {
+        top: 3px !important;
+        right: 6px !important;
+        left: 45px;
+        display: flex;
+    }
+
+    label.main-menu-btn ~ #searchBoxPos1 > #MSearchBox {
+        margin-top: 0;
+        margin-bottom: 0;
+        flex-grow: 2;
+        float: left;
+    }
 }
 
 /*
@@ -1460,6 +1481,7 @@ li.navelem:first-child:before {
 */
 
 doxygen-awesome-dark-mode-toggle {
+    display: inline-block;
     margin: 0 0 0 var(--spacing-small);
     padding: 0;
     width: var(--searchbar-height);
diff --git a/doc/_doxygen/footer.html b/doc/_doxygen/footer.html
index 0a6c2b8d056..9d24d69b7be 100644
--- a/doc/_doxygen/footer.html
+++ b/doc/_doxygen/footer.html
@@ -15,11 +15,16 @@ $generatedby&#160;<a href="https://www.doxygen.org/index.html"><img class="foote
 <!--END !GENERATE_TREEVIEW-->
 <script type="text/javascript">
   $(function() {
-      $(document).ready(function(){
-         toggleButton = document.createElement('doxygen-awesome-dark-mode-toggle')
-         toggleButton.title = "Toggle Light/Dark Mode"
-         document.getElementById("MSearchBox").parentNode.appendChild(toggleButton)
-     })
+    toggleButton = document.createElement('doxygen-awesome-dark-mode-toggle')
+    toggleButton.title = "Toggle Light/Dark Mode"
+
+    $(document).ready(function(){
+      document.getElementById("MSearchBox").parentNode.appendChild(toggleButton)
+    })
+    // every resize will remove the button, which is why it has to be added again:
+    $(window).resize(function(){
+      document.getElementById("MSearchBox").parentNode.appendChild(toggleButton)
+    })
   })
 </script>
 </body>