From 71c4f2a5bec9372bcb9735de36767dae5676c7d4 Mon Sep 17 00:00:00 2001
From: Matt-Yorkley <9029026+Matt-Yorkley@users.noreply.github.com>
Date: Wed, 10 May 2023 12:39:04 +0100
Subject: [PATCH] Update styling on multiselect tabs for tom-select

---
 .../css/admin/components/tom_select.scss        | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/app/webpacker/css/admin/components/tom_select.scss b/app/webpacker/css/admin/components/tom_select.scss
index 75684615fd..4c1d31d0e4 100644
--- a/app/webpacker/css/admin/components/tom_select.scss
+++ b/app/webpacker/css/admin/components/tom_select.scss
@@ -2,6 +2,23 @@
   min-height: initial;
 }
 
+.ts-wrapper.multi .ts-control [data-value] {
+  text-shadow: none;
+  background-image: none;
+  background-repeat: initial;
+  box-shadow: none;
+  background-color: $spree-blue;
+}
+
+.ts-wrapper.multi .ts-control > div {
+  border: none;
+  background-color: $spree-blue;
+}
+
+.ts-wrapper.plugin-remove_button .item .remove {
+  font-weight: bold;
+}
+
 .ts-dropdown {
   margin-top: 0;