diff --git a/resources/views/livewire/studio/dashboard/analysis.blade.php b/resources/views/livewire/studio/dashboard/analysis.blade.php
index f032b83..248e379 100644
--- a/resources/views/livewire/studio/dashboard/analysis.blade.php
+++ b/resources/views/livewire/studio/dashboard/analysis.blade.php
@@ -1,6 +1,5 @@
 <flux:main>
     <flux:heading size="xl" level="1" class="mb-6">{{ $pageTitle }}</flux:heading>
-    <flux:separator />
 
     <div class="mt-6">
         <div class="flex flex-col lg:flex-row lg:justify-between lg:items-center mb-6 gap-4">
@@ -40,6 +39,8 @@
             </div>
         </div>
 
+        <flux:separator class="mb-6"/>
+
         <flux:heading>Counting Data</flux:heading>
         <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 gap-3 mb-6 mt-2">
             @foreach ($countingData as $item)
diff --git a/resources/views/livewire/studio/dashboard/overview.blade.php b/resources/views/livewire/studio/dashboard/overview.blade.php
index 77a94b9..20fa779 100644
--- a/resources/views/livewire/studio/dashboard/overview.blade.php
+++ b/resources/views/livewire/studio/dashboard/overview.blade.php
@@ -1,17 +1,18 @@
 <flux:main>
     <flux:heading size="xl" level="1">Haloo, {{ auth()->user()?->employee?->full_name }}</flux:heading>
     <flux:text class="mb-6 mt-2 text-base">Selamat datang di Studio Yadi Parfum.</flux:text>
-    <flux:separator />
 
     <div class="mt-6">
         <div class="mb-6 grid grid-cols-1 lg:grid-cols-2 gap-4">
             <flux:checkbox.group wire:model.live="selectedOutletIds" variant="buttons">
                 @foreach ($outlets as $key => $value)
-                    <flux:checkbox value="{{ $key }}" label="{{ $value }}" />
+                <flux:checkbox value="{{ $key }}" label="{{ $value }}" />
                 @endforeach
             </flux:checkbox.group>
         </div>
-        
+
+        <flux:separator class="mb-6"/>
+
         <flux:subheading>Data yang ditampilkan di bawah ini adalah data hari ini dan hari kemarin.</flux:subheading>
         <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4 mb-6 mt-2">
             @foreach ($stats as $stat)
diff --git a/resources/views/livewire/studio/master/outlet/index.blade.php b/resources/views/livewire/studio/master/outlet/index.blade.php
index aa2e129..9abffa4 100644
--- a/resources/views/livewire/studio/master/outlet/index.blade.php
+++ b/resources/views/livewire/studio/master/outlet/index.blade.php
@@ -15,19 +15,18 @@ class="text-sm">
 
     <div class="mt-6">
         <div class="mb-6 grid grid-cols-1 lg:grid-cols-2 gap-4">
-            <flux:card class="flex flex-col justify-center">
-                <flux:input icon="magnifying-glass" placeholder="Cari outlet..."
-                    wire:model.live.debounce.500ms="search" />
-            </flux:card>
+            <flux:input icon="magnifying-glass" placeholder="Cari outlet..." wire:model.live.debounce.500ms="search"
+                autocomplete="off" />
 
-            <flux:card>
-                <flux:checkbox.group wire:model.live="status" variant="buttons">
-                    @foreach (\App\Enums\OutletStatus::cases() as $status)
-                        <flux:checkbox value="{{ $status->value }}" label="{{ $status->label() }}" />
-                    @endforeach
-                </flux:checkbox.group>
-            </flux:card>
+            <flux:checkbox.group wire:model.live="status" variant="buttons">
+                @foreach (\App\Enums\OutletStatus::cases() as $status)
+                    <flux:checkbox value="{{ $status->value }}" label="{{ $status->label() }}" />
+                @endforeach
+            </flux:checkbox.group>
         </div>
+
+        <flux:separator class="mb-6" />
+
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 items-start">
             @foreach ($outlets as $outlet)
                 <flux:card
diff --git a/resources/views/livewire/studio/master/user/index.blade.php b/resources/views/livewire/studio/master/user/index.blade.php
index 99d26a6..618a110 100644
--- a/resources/views/livewire/studio/master/user/index.blade.php
+++ b/resources/views/livewire/studio/master/user/index.blade.php
@@ -15,28 +15,25 @@ class="text-sm">
 
     <div class="mt-6">
         <div class="mb-6 grid grid-cols-1 lg:grid-cols-2 gap-4">
-            <flux:card class="flex flex-col justify-center">
-                <flux:input icon="magnifying-glass" placeholder="Cari outlet..."
-                    wire:model.live.debounce.500ms="search" />
-            </flux:card>
+            <flux:input icon="magnifying-glass" placeholder="Cari outlet..." wire:model.live.debounce.500ms="search"
+                autocomplete="off" />
 
-            <flux:card>
-                <flux:checkbox.group wire:model.live="status" variant="buttons">
-                    @foreach (\App\Enums\UserStatus::cases() as $status)
-                        <flux:checkbox value="{{ $status->value }}" label="{{ $status->label() }}" />
-                    @endforeach
-                </flux:checkbox.group>
-            </flux:card>
+            <flux:checkbox.group wire:model.live="status" variant="buttons">
+                @foreach (\App\Enums\UserStatus::cases() as $status)
+                    <flux:checkbox value="{{ $status->value }}" label="{{ $status->label() }}" />
+                @endforeach
+            </flux:checkbox.group>
         </div>
 
+        <flux:separator class="mb-6" />
+
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 items-start">
             @foreach ($employees as $employee)
                 <flux:card
                     class="relative space-y-4 transition-transform duration-300 ease-out hover:-translate-y-1 hover:shadow-lg">
                     <div
                         class="flex flex-col items-center text-center mb-4 p-4 rounded-t-lg {{ $employee['user']['status']['gradient'] }}">
-                        <flux:avatar circle size="xl" name="{{ $employee['full_name'] }}"
-                            class="mb-3" />
+                        <flux:avatar circle size="xl" name="{{ $employee['full_name'] }}" class="mb-3" />
                         <flux:heading size="lg" class="mb-1 text-white">{{ $employee['full_name'] }}
                         </flux:heading>
                         <div class="text-sm text-white/80 mb-2">{{ $employee['code'] }}</div>