diff --git a/js/sidebar.js b/js/sidebar.js
index 4fef137..4fa8b5d 100644
--- a/js/sidebar.js
+++ b/js/sidebar.js
@@ -122,16 +122,17 @@
     const style = document.createElement('style');
     style.id = 'sb-group-styles';
     style.textContent = `
-      .sb-group { margin: 8px 0 2px; }
+      .sb-group { margin: 10px 0 2px; }
       .sb-group-hdr {
-        width: 100%; padding: 4px 12px; border: none; background: none;
+        width: 100%; padding: 6px 14px 4px; border: none; background: none;
         display: flex; align-items: center; justify-content: space-between;
         font-family: 'Manrope', system-ui, sans-serif;
-        font-size: 0.66rem; font-weight: 800; letter-spacing: 0.08em;
-        color: rgba(255, 255, 255, 0.45); text-transform: uppercase;
-        cursor: pointer; transition: color .12s;
+        font-size: 0.68rem; font-weight: 800; letter-spacing: 0.08em;
+        color: var(--text-3, #56687A); text-transform: uppercase;
+        cursor: pointer; transition: color .12s, opacity .12s;
+        opacity: 0.72;
       }
-      .sb-group-hdr:hover { color: rgba(255, 255, 255, 0.75); }
+      .sb-group-hdr:hover { color: var(--violet, #9B5DE5); opacity: 1; }
       .sb-group-chev {
         width: 12px; height: 12px; transition: transform .18s;
       }