diff --git a/resources/views/components/tomselect.blade.php b/resources/views/components/tomselect.blade.php
index c572593..1b39043 100644
--- a/resources/views/components/tomselect.blade.php
+++ b/resources/views/components/tomselect.blade.php
@@ -1,10 +1,13 @@
 <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>
-    .ts-control {
+    .ts-wrapper .ts-control, .ts-wrapper .ts-control input {
         background-color: #ffffff !important;
         border: 1px solid #ced4da !important;
     }
+    .ts-dropdown {
+        background-color: #ffffff !important;
+    }
 </style>
 <script>
     document.addEventListener("DOMContentLoaded", function () {