diff --git a/frontend/src/components/Sidebar.svelte b/frontend/src/components/Sidebar.svelte
index 1dc495d..153f474 100644
--- a/frontend/src/components/Sidebar.svelte
+++ b/frontend/src/components/Sidebar.svelte
@@ -45,11 +45,17 @@
         margin: var(--space-sm);
         margin-bottom: 0;
         transition-duration: 200ms;
-        transition-property: border-radius;
+        transition-property: border-radius background;
+    }
+
+    .theme--light .communities .button:hover, .theme--light .communities .button.selected {
+        color: var(--background-color-3);
     }
 
     .communities .button:hover, .communities .button.selected {
         border-radius: 16px;
+        background: var(--purple-2);
+        color: var(--foreground-color-1);
     }
 
     .communities .button span {