diff --git a/client/src/components/layout/Sidebar.jsx b/client/src/components/layout/Sidebar.jsx
index 81682b2..5188882 100644
--- a/client/src/components/layout/Sidebar.jsx
+++ b/client/src/components/layout/Sidebar.jsx
@@ -107,7 +107,7 @@ export default function Sidebar() {
           </IconButton>
 
           {/* Theme Toggler */}
-          <ColorModeButton />
+          <ColorModeButton _hover={{ bg: "transparent" }} />
         </Box>
       </Box>
   );