diff --git a/src/styles.css b/src/styles.css
index 39395c3..af30b48 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -126,9 +126,28 @@ body {
 }
 
 .streamer-item.active {
-    background: rgba(145, 71, 255, 0.2);
+    background: linear-gradient(90deg, rgba(145, 71, 255, 0.28) 0%, rgba(145, 71, 255, 0.08) 100%);
     color: var(--text);
     border-left: 3px solid var(--accent);
+    box-shadow: inset 0 0 0 1px rgba(145, 71, 255, 0.18);
+    position: relative;
+}
+
+.streamer-item.active::after {
+    content: '';
+    position: absolute;
+    right: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 3px;
+    height: 60%;
+    background: var(--accent);
+    border-radius: 2px 0 0 2px;
+    opacity: 0.85;
+}
+
+.streamer-item.active .streamer-name {
+    font-weight: 600;
 }
 
 .streamer-item .remove {
@@ -1494,23 +1513,9 @@ select option {
 .status-dot.connected { background: var(--success); }
 .status-dot.error { background: var(--error); }
 
-/* Scrollbar */
-::-webkit-scrollbar {
-    width: 8px;
-}
-
-::-webkit-scrollbar-track {
-    background: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-    background: rgba(255,255,255,0.15);
-    border-radius: 4px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-    background: rgba(255,255,255,0.25);
-}
+/* Old generic scrollbar rules were dead — superseded by the
+   purple-themed *::-webkit-scrollbar block further down the file.
+   Removed to avoid confusion when someone greps for scrollbar styles. */
 
 /* Update Banner */
 .update-banner {