diff --git a/src/components/headerbar/ThemeSwitchMenu.tsx b/src/components/headerbar/ThemeSwitchMenu.tsx
index 4d31ad9..6e45818 100644
--- a/src/components/headerbar/ThemeSwitchMenu.tsx
+++ b/src/components/headerbar/ThemeSwitchMenu.tsx
@@ -18,9 +18,15 @@ const ThemeSwitchMenu: FunctionComponent<{ context: Context, textColor: string }
                 key={index}
                 style={{ color: textColor }}
                 //@ts-ignore
-                onMouseOver={(event) => (event.target.style.background = "transparent")}
+                onMouseOver={(event) => {
+                    const htmlElement: HTMLElement = event.target as HTMLElement;
+                    if (htmlElement.localName === "li") htmlElement.style.background = "transparent";
+                }}
                 //@ts-ignore
-                onMouseOut={(event) => (event.target.style.background = "transparent")}
+                onMouseOut={(event) => {
+                    const htmlElement: HTMLElement = event.target as HTMLElement;
+                    if (htmlElement.localName === "li") htmlElement.style.background = "transparent";
+                }}
                 onClick={() => (context.themeManager.theme = theme)}>
                 <div style={{ background: theme.themePreviewColor }} className="theme-color-circle" />
                 {theme.name}