diff --git a/default.hbs b/default.hbs
index 485d74abc..6f49f0e35 100644
--- a/default.hbs
+++ b/default.hbs
@@ -124,8 +124,10 @@
 
         if (currentSavedTheme && currentSavedTheme === 'dark') {
           document.documentElement.setAttribute('data-theme', 'dark')
+          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#111')
         } else {
           document.documentElement.setAttribute('data-theme', 'light')
+          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#fff')
         }
       }
     </script>
diff --git a/src/js/app.js b/src/js/app.js
index 8c628a1ef..1c0329e0e 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -200,9 +200,11 @@ $(() => {
   $toggleDarkMode.on('change', () => {
     if ($toggleDarkMode.is(':checked')) {
       $('html').attr('data-theme', 'dark');
+      $('meta[name="theme-color"]').attr('content', '#111');
       localStorage.setItem('theme', 'dark');
     } else {
       $('html').attr('data-theme', 'light');
+      $('meta[name="theme-color"]').attr('content', '#fff');
       localStorage.setItem('theme', 'light');
     }
 
diff --git a/src/sass/components/header/_menu.scss b/src/sass/components/header/_menu.scss
index 824cd5938..5e5fc2409 100644
--- a/src/sass/components/header/_menu.scss
+++ b/src/sass/components/header/_menu.scss
@@ -29,7 +29,7 @@
     opacity: 1 !important;
     overflow: initial;
     background-color: transparent;
-    @include transform(translate3d(0, 0, 0) !important);
+    transform: unset;
   }
 }