From b45009fc4e1b1a4911e9c010a9a1c9f0f1737374 Mon Sep 17 00:00:00 2001
From: R Midhun Suresh <hi@midhun.dev>
Date: Tue, 4 Aug 2026 13:48:10 +0530
Subject: [PATCH] Show thicker separator on mouse focus (#34549)

So that when you click the separator and it receives focus, it shows
differently to thinner version.
---
 .../src/resize/separator/SeparatorView.module.css           | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/shared-components/src/resize/separator/SeparatorView.module.css b/packages/shared-components/src/resize/separator/SeparatorView.module.css
index aac14df4bf..413e731147 100644
--- a/packages/shared-components/src/resize/separator/SeparatorView.module.css
+++ b/packages/shared-components/src/resize/separator/SeparatorView.module.css
@@ -51,7 +51,11 @@
 }
 
 /* When type=border and the user hovers/focuses the separator, we make the separator thicker */
-.separator[data-separator-type="border"]:is([data-separator="hover"], [data-separator="active"]),
+.separator[data-separator-type="border"]:is(
+    [data-separator="hover"],
+    [data-separator="active"],
+    [data-separator="focus"]
+),
 .separator[data-separator-type="border"]:focus-visible {
     .activeSeparatorContainer {
         .activeSeparator {