diff --git a/packages/web/src/javascripts/Components/Footer/QuickSettingsButton.tsx b/packages/web/src/javascripts/Components/Footer/QuickSettingsButton.tsx
index 10c857f40..13cc02b61 100644
--- a/packages/web/src/javascripts/Components/Footer/QuickSettingsButton.tsx
+++ b/packages/web/src/javascripts/Components/Footer/QuickSettingsButton.tsx
@@ -23,12 +23,15 @@ const QuickSettingsButton = ({ application, isMobileNavigation = false }: Props)
   const toggleMenu = () => setIsOpen(!isOpen)
 
   useEffect(() => {
+    const darkThemeFeature = new UIFeature(GetDarkThemeFeature())
+
     return commandService.addCommandHandler({
       command: TOGGLE_DARK_MODE_COMMAND,
       category: 'General',
       description: 'Toggle dark mode',
       onKeyDown: () => {
-        void application.componentManager.toggleTheme(new UIFeature(GetDarkThemeFeature()))
+        void application.componentManager.toggleTheme(darkThemeFeature)
+        return true
       },
     })
   }, [application, commandService])