diff --git a/client/src/theme.js b/client/src/theme.js
index 28c04bf..63eba44 100644
--- a/client/src/theme.js
+++ b/client/src/theme.js
@@ -191,6 +191,13 @@ const sidebarRecipe = defineSlotRecipe({
     collapse_button: {
       "& svg": {flexShrink: "0"},
     },
+    color_mode_button: {
+      "& button": {
+        _hover: {
+          bg: "transparent",
+        },
+      }
+    }
     // opened_theme_button: {
     //   width: "100%",
     //   align: "center",