From 473fa3850ba76875b2a3043aadd5ab440587460b Mon Sep 17 00:00:00 2001
From: Abdelrhman Said <70618755+AbdelrhmanSaid@users.noreply.github.com>
Date: Mon, 17 Mar 2025 23:20:16 +0200
Subject: [PATCH] Apply border radius to tom-select on focus (#2189)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Paweł Kuna <1282324+codecalm@users.noreply.github.com>
---
 .changeset/pink-bottles-rest.md   | 5 +++++
 core/scss/vendor/_tom-select.scss | 7 ++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/pink-bottles-rest.md

diff --git a/.changeset/pink-bottles-rest.md b/.changeset/pink-bottles-rest.md
new file mode 100644
index 000000000..b1772629c
--- /dev/null
+++ b/.changeset/pink-bottles-rest.md
@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Apply border radius to `tom-select` on focus 
diff --git a/core/scss/vendor/_tom-select.scss b/core/scss/vendor/_tom-select.scss
index cb03928e7..7e6b389f4 100644
--- a/core/scss/vendor/_tom-select.scss
+++ b/core/scss/vendor/_tom-select.scss
@@ -13,6 +13,11 @@ $input-border-width: 1px;
   color: inherit;
 }
 
+.focus .ts-control {
+  border-radius: var(--#{$prefix}border-radius);
+}
+  
+
 .ts-control {
   color: inherit;
 
@@ -75,4 +80,4 @@ $input-border-width: 1px;
   &> div.item {
     color: var(--#{$prefix}gray-500);
   }
-}
\ No newline at end of file
+}