diff --git a/assets/css/common/header.css b/assets/css/common/header.css
index 3cd070e8..5a213848 100644
--- a/assets/css/common/header.css
+++ b/assets/css/common/header.css
@@ -36,10 +36,6 @@
     margin-inline-end: 8px;
 }
 
-#theme-toggle svg {
-    height: 18px;
-}
-
 button#theme-toggle {
     font-size: 26px;
     margin: auto 4px;
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 34dc9215..a2b09a4a 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -73,12 +73,12 @@
             <div class="logo-switches">
                 {{- if (not site.Params.disableThemeToggle) }}
                 <button id="theme-toggle" accesskey="t" title="(Alt + T)">
-                    <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
+                    <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
                         fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                         stroke-linejoin="round">
                         <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
                     </svg>
-                    <svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
+                    <svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
                         fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                         stroke-linejoin="round">
                         <circle cx="12" cy="12" r="5"></circle>