From 597c11acd1b7248049a543fc3b8f2e864a885b3e Mon Sep 17 00:00:00 2001
From: Russ Long <rl@tfmm.co>
Date: Fri, 1 May 2026 13:52:10 -0400
Subject: [PATCH] fix: restore background color and borders to tomselect inputs

---
 resources/views/components/tomselect.blade.php | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/resources/views/components/tomselect.blade.php b/resources/views/components/tomselect.blade.php
index 417da9e..9692367 100644
--- a/resources/views/components/tomselect.blade.php
+++ b/resources/views/components/tomselect.blade.php
@@ -1,12 +1,16 @@
 <script src="https://cdn.jsdelivr.net/npm/tom-select@2.4.3/dist/js/tom-select.complete.min.js"></script>
 <link href="https://cdn.jsdelivr.net/npm/tom-select@2.4.3/dist/css/tom-select.bootstrap5.min.css" rel="stylesheet">
+<style>
+    /* Ensure the TomSelect container doesn't get a transparent background */
+    .ts-control {
+        background-color: white !important;
+        border: 1px solid #ddd !important;
+    }
+</style>
 <script>
     document.addEventListener('DOMContentLoaded', () => {
         document.querySelectorAll('select').forEach((el) => {
-            // Check if Tom Select is already initialized
-            if (el.tomselect) {
-                return;
-            }
+            if (el.tomselect) return;
             
             new TomSelect(el, {
                 create: false,