From 70336ea45ea4a87b9f511e0b82a3d60e587c7d1a Mon Sep 17 00:00:00 2001
From: Florian Schroedl <flo.schroedl@gmail.com>
Date: Wed, 22 May 2024 14:26:37 +0200
Subject: [PATCH] Style focused pill

---
 .../src/app/main/ui/workspace/tokens/editable_select.scss   | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/src/app/main/ui/workspace/tokens/editable_select.scss b/frontend/src/app/main/ui/workspace/tokens/editable_select.scss
index a789c014c..7bb4e7f4e 100644
--- a/frontend/src/app/main/ui/workspace/tokens/editable_select.scss
+++ b/frontend/src/app/main/ui/workspace/tokens/editable_select.scss
@@ -21,6 +21,12 @@
   &:hover {
     background: transparent;
   }
+  &:focus-within {
+    .token-pill {
+      background-color: var(--button-primary-background-color-rest);
+      color: var(--button-primary-foreground-color-rest);
+    }
+  }
 
   .dropdown-button {
     @include flexCenter;