fix colors

resources/views/livewire/board-dispatcher.blade.php

@@ -1,15 +1,15 @@
 <div class="h-full p-1" x-data="{ activeTab: '{{ collect(array_keys($lists))->first(fn($key) => str_starts_with($key, 'source-')) }}' }" id="dispatcher-board-root">
 
     <!-- 🌟 SPLIT HEADER -->
-    <div class="flex items-center justify-between border-b border-gray-200 dark:border-gray-600 py-2 mb-4">
-        <div class="flex-1 overflow-x-auto min-w-0">
-            <x-filament::tabs>
+    <div class="flex items-center justify-between drop-shadow py-2 mb-4 ">
+        <div class="flex-1 overflow-x-auto min-w-0 ">
+            <x-filament::tabs class="border-gray-200">
                 @foreach ($lists as $listId => $items)
                     @if (str_starts_with($listId, 'source-'))
                         <x-filament::tabs.item :alpine-active="'activeTab === \'' . $listId . '\''" x-on:click="activeTab = '{{ $listId }}'"
-                            wire:key="tab-button-{{ $listId }}" class="cursor-pointer">
+                            wire:key="tab-button-{{ $listId }}" class="cursor-pointer"
+                            icon="icon-soccerplayer-{{ str_replace('source-', '', $listId) }}">
                             <span class="uppercase">{{ str_replace('source-', '', $listId) }}</span>
-
                             <x-filament::badge size="xs">
                                 {{ count($items) }}
                             </x-filament::badge>
@@ -52,10 +52,12 @@
                             <x-filament::badge color="{{ $item['pcolor'] }}" data-id="{{ $item['id'] }}"
                                 icon="phosphor-dots-six-vertical" icon-position="after"
                                 wire:key="item-src-{{ $item['id'] }}-v-{{ $boardVersion }}"
-                                class="flex items-center justify-between shadow-sm cursor-grab active:cursor-grabbing">
-                                <span class="text-sm font-medium text-gray-900 dark:text-gray-100">{{ $item['name'] }}
-                                    <div class="text-xs">{{ $item['info'] }}</div>
-                                </span>
+                                class="flex flex-row gap-0 items-center justify-between shadow-sm cursor-grab active:cursor-grabbing">
+                                <div class="text-sm font-medium text-gray-900 dark:text-gray-100">{{ $item['name'] }}
+                                </div>
+                                <x-filament::badge size="sm" color="{{ $item['ecolor'] }}">
+                                    {{ $item['info'] }}
+                                </x-filament::badge>
                             </x-filament::badge>
                         @endforeach
                     </div>