diff --git a/src/components/Form/Filters.vue b/src/components/Form/Filters.vue
index 8fb9d0a..6c51262 100755
--- a/src/components/Form/Filters.vue
+++ b/src/components/Form/Filters.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import Button from '@/components/Buttons/Button.vue'
-import { PhArrowsCounterClockwise, PhFileText, PhMagnifyingGlass } from '@phosphor-icons/vue'
+import Button from '@/components/Buttons/Button.vue';
+import { PhArrowsCounterClockwise, PhFileText, PhMagnifyingGlass } from '@phosphor-icons/vue';
 
 defineProps({
   reportButton: {
@@ -20,17 +20,17 @@ const emit = defineEmits(['runSearch', 'resetForm', 'runReport'])
 
     <div class="flex justify-end px-4 py-3 filter-footer rounded-b-2xl bg-primary-50">
       <div class="flex flex-wrap gap-3 filter-buttons">
-        <Button @on:click="() => emit('resetForm')" label="Ulangi" style-type="outline" class-name="bg-white">
-          <PhArrowsCounterClockwise size="18" class="ml-1" weight="regular" />
+        <Button @on:click="() => emit('resetForm')" label="Ulangi" style-type="outline" class-name="bg-white !text-xs">
+          <PhArrowsCounterClockwise size="16" class="ml-1" weight="regular" />
         </Button>
 
-        <Button v-if="reportButton" label="Lihat Laporan" style-type="outline" class-name="bg-white"
+        <Button v-if="reportButton" label="Lihat Laporan" style-type="outline" class-name="bg-white !text-xs"
           @on:click="() => emit('runReport')">
-          <PhFileText size="18" class="ml-1" weight="regular" />
+          <PhFileText size="16" class="ml-1" weight="regular" />
         </Button>
 
-        <Button @on:click="() => emit('runSearch')" label="Cari Data">
-          <PhMagnifyingGlass size="18" class="ml-1" weight="regular" />
+        <Button @on:click="() => emit('runSearch')" label="Cari Data" class-name="!text-xs">
+          <PhMagnifyingGlass size="16" class="ml-1" weight="regular" />
         </Button>
       </div>
     </div>