fixed invisible buttons issue across the website

resources/views/livewire/admin/timelines/index.blade.php

@@ -200,7 +200,7 @@ new class extends Component
             </flux:field>
 
             @if($search || $clientFilter || $statusFilter || $dateFrom || $dateTo)
-                <flux:button wire:click="clearFilters" variant="ghost">
+                <flux:button wire:click="clearFilters" variant="outline">
                     {{ __('common.clear') }}
                 </flux:button>
             @endif
@@ -288,7 +288,7 @@ new class extends Component
 
                     <!-- Updates Count -->
                     <div class="lg:w-20 text-center">
-                        <flux:badge variant="outline" size="sm">
+                        <flux:badge color="zinc" size="sm">
                             {{ $timeline->updates_count }}
                         </flux:badge>
                     </div>
@@ -297,7 +297,7 @@ new class extends Component
                     <div class="lg:w-32 flex gap-2">
                         <flux:button
                             href="{{ route('admin.timelines.show', $timeline) }}"
-                            variant="filled"
+                            variant="outline"
                             size="sm"
                             wire:navigate
                         >
@@ -305,7 +305,7 @@ new class extends Component
                         </flux:button>
 
                         <flux:dropdown>
-                            <flux:button variant="ghost" size="sm" icon="ellipsis-vertical" />
+                            <flux:button variant="outline" size="sm" icon="ellipsis-vertical" />
 
                             <flux:menu>
                                 <flux:menu.item