diff --git a/doc/html-template.qdocconf b/doc/html-template.qdocconf
index df636c98..5c9e194b 100644
--- a/doc/html-template.qdocconf
+++ b/doc/html-template.qdocconf
@@ -21,10 +21,12 @@ HTML.postheader = \
     "            <li><a href=\"jsonrpc.html\">API</a></li>\n" \
     "            <li><a href=\"write-plugins.html\">Write Plugins</a></li>\n" \
     "            <li>\n" \
-    "              <label class=\"switch\">\n " \
-    "                <input type=\"checkbox\" onclick=\"onSwitchChanged(this)\" id=\"themeSwitch\">\n" \
-    "                <span class=\"slider round\"></span>\n" \
-    "              </label>\n" \
+    "              <div class=\"switchAligner\" >\n" \
+    "                <label class=\"switch\">\n " \
+    "                  <input type=\"checkbox\" onclick=\"onSwitchChanged(this)\" id=\"themeSwitch\">\n" \
+    "                  <span class=\"slider round\"></span>\n" \
+    "                </label>\n" \
+    "              </div>\n" \
     "            </li>\n" \
     "          </ul>\n" \
     "        </div>\n" \
diff --git a/doc/main-dark.css b/doc/main-dark.css
index 4cdbcab2..c4fec945 100644
--- a/doc/main-dark.css
+++ b/doc/main-dark.css
@@ -1004,6 +1004,13 @@ div.footer p {
     }
 }
 
+.switchAligner { 
+    min-height: 100px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
 .switch {
   position: relative;
   display: inline-block;
diff --git a/doc/main.css b/doc/main.css
index af3edc21..e9de0c17 100644
--- a/doc/main.css
+++ b/doc/main.css
@@ -1011,6 +1011,13 @@ div.footer p {
   height: 34px;
 }
 
+.switchAligner { 
+    min-height: 100px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
 .switch input {display:none;}
 
 .slider {