diff --git a/src/static_src/scss/_room.scss b/src/static_src/scss/_room.scss
index 53a6925..b3a50c3 100644
--- a/src/static_src/scss/_room.scss
+++ b/src/static_src/scss/_room.scss
@@ -837,19 +837,24 @@ $handle-r:         1rem;
     align-items: center;
     justify-content: center;
 
-    &.active {
-        color: rgba(var(--quaUser), 1);
-        border-color: rgba(var(--quaUser), 1);
-    }
-
     i {
         font-size: 1.75rem;
         color: rgba(var(--secUser), 1);
         pointer-events: none;
     }
 
-    &:active  { cursor: grabbing; }
-    &.open    { cursor: pointer; }
+    &:active { cursor: grabbing; }
+    &.open {
+        cursor: pointer;
+        border-color: rgba(var(--quaUser), 1);
+        i { color: rgba(var(--quaUser), 1); }
+    }
+}
+
+// Grip borders → --quaUser when tray is open (btn.open precedes grip in DOM so :has() needed)
+#id_tray_wrap:has(#id_tray_btn.open) #id_tray_grip {
+    border-color: rgba(var(--quaUser), 1);
+    &::before { border-color: rgba(var(--quaUser), 1); }
 }
 
 @keyframes tray-wobble {