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,