diff --git a/resources/js/components/KasirTransaksiList.vue b/resources/js/components/KasirTransaksiList.vue
index cb7f1fd..6085c25 100644
--- a/resources/js/components/KasirTransaksiList.vue
+++ b/resources/js/components/KasirTransaksiList.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="space-y-3">
-    
+
 
       <!-- Summary Card -->
       <div class="mt-3 bg-A border border-C rounded-lg p-3">
@@ -51,7 +51,7 @@
             <td class="border border-gray-200 p-2 text-center">
               <button
                 @click="lihatDetail(trx)"
-                class="px-3 py-1 bg-blue-500 text-white rounded-md hover:bg-blue-600 transition-colors text-xs whitespace-nowrap"
+                class="px-3 py-1 bg-C text-D rounded-md hover:bg-blue-600 transition-colors text-xs whitespace-nowrap"
                 :disabled="isDetailLoading && selectedTransaksi.id === trx.id"
               >
                 <span v-if="isDetailLoading && selectedTransaksi.id === trx.id">
@@ -72,7 +72,7 @@
         <div class="flex items-center gap-2">
           <span>Menampilkan {{ pagination.from }} - {{ pagination.to }} dari {{ pagination.total }} transaksi hari ini</span>
         </div>
-        
+
         <div class="flex items-center gap-1">
           <button
             @click="$emit('page-change', pagination.current_page - 1)"
@@ -81,11 +81,11 @@
           >
             ← Prev
           </button>
-          
+
           <span class="px-2 text-gray-700">
             {{ pagination.current_page }} / {{ pagination.last_page }}
           </span>
-          
+
           <button
             @click="$emit('page-change', pagination.current_page + 1)"
             :disabled="pagination.current_page === pagination.last_page"
@@ -101,7 +101,7 @@
     <div v-else-if="!loading" class="text-center py-12 bg-gray-50 rounded-lg border border-gray-200">
       <div class="text-gray-500 space-y-3">
         <svg class="w-16 h-16 mx-auto text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" 
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
             d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" />
         </svg>
         <div class="space-y-1">
@@ -219,4 +219,4 @@ const closeDetail = () => {
   isDetailOpen.value = false
   selectedTransaksi.value = {}
 }
-</script>
\ No newline at end of file
+</script>