From d43bd4625d64a03d90de0458ad5fcacef211a8a6 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Tue, 1 Nov 2022 15:10:49 +1100
Subject: [PATCH] Fixes hotkeys and settings buttons not working

---
 frontend/src/features/system/SiteHeader.tsx | 40 +++++++++++----------
 1 file changed, 22 insertions(+), 18 deletions(-)

diff --git a/frontend/src/features/system/SiteHeader.tsx b/frontend/src/features/system/SiteHeader.tsx
index da263010ec..abe22f1fa6 100644
--- a/frontend/src/features/system/SiteHeader.tsx
+++ b/frontend/src/features/system/SiteHeader.tsx
@@ -44,15 +44,17 @@ const SiteHeader = () => {
         <StatusIndicator />
 
         <HotkeysModal>
-          <Tooltip hasArrow label="Hotkeys" placement={'bottom'}>
-            <IconButton
-              aria-label="Hotkeys"
-              variant="link"
-              fontSize={24}
-              size={'sm'}
-              icon={<MdKeyboard />}
-            />
-          </Tooltip>
+          <div>
+            <Tooltip hasArrow label="Hotkeys" placement={'bottom'}>
+              <IconButton
+                aria-label="Hotkeys"
+                variant="link"
+                fontSize={24}
+                size={'sm'}
+                icon={<MdKeyboard />}
+              />
+            </Tooltip>
+          </div>
         </HotkeysModal>
 
         <Tooltip hasArrow label="Theme" placement={'bottom'}>
@@ -112,15 +114,17 @@ const SiteHeader = () => {
         </Tooltip>
 
         <SettingsModal>
-          <Tooltip label="Settings">
-            <IconButton
-              aria-label="Settings"
-              variant="link"
-              fontSize={24}
-              size={'sm'}
-              icon={<MdSettings />}
-            />
-          </Tooltip>
+          <div>
+            <Tooltip label="Settings">
+              <IconButton
+                aria-label="Settings"
+                variant="link"
+                fontSize={24}
+                size={'sm'}
+                icon={<MdSettings />}
+              />
+            </Tooltip>
+          </div>
         </SettingsModal>
       </div>
     </div>