diff --git a/resources/js/pages/Akun.vue b/resources/js/pages/Akun.vue
index 1cbb772..d8c6f68 100644
--- a/resources/js/pages/Akun.vue
+++ b/resources/js/pages/Akun.vue
@@ -51,11 +51,11 @@
 
             <!-- Table Section -->
             <div
-                class="bg-white rounded-lg shadow-md border border-D overflow-hidden"
+                class="bg-white rounded-lg shadow-md overflow-hidden"
             >
                 <table class="w-full">
                     <thead>
-                        <tr class="bg-C text-white">
+                        <tr class="bg-C text-white border-D border">
                             <th class="px-6 py-4 text-center text-D border-r border-D">No</th>
                             <th class="px-6 py-4 text-center text-D border-r border-D">Nama</th>
                             <th class="px-6 py-4 text-center text-D border-r border-D">Peran</th>
@@ -66,16 +66,16 @@
                         <tr
                             v-for="(item, index) in akun"
                             :key="item.id"
-                            class="border-b border-D hover:bg-gray-50 transition duration-150"
+                            class="border border-C border-t-0 hover:bg-gray-50 transition duration-150"
                             :class="{ 'bg-gray-50': index % 2 === 1 }"
                         >
-                            <td class="px-6 py-4 border-r border-D text-center font-medium text-gray-900">
+                            <td class="px-6 py-4 border-r border-C text-center font-medium text-gray-900">
                                 {{ index + 1 }}
                             </td>
-                            <td class="px-6 py-4 border-r border-D text-D">
+                            <td class="px-6 py-4 border-r border-C text-D">
                                 {{ item.nama }}
                             </td>
-                            <td class="px-6 py-4 border-r border-D text-gray-800">
+                            <td class="px-6 py-4 border-r border-C text-gray-800">
                                 {{ item.role }}
                             </td>
                             <td class="px-6 py-4 text-center">
diff --git a/resources/js/pages/Kategori.vue b/resources/js/pages/Kategori.vue
index b491b35..dc8530a 100644
--- a/resources/js/pages/Kategori.vue
+++ b/resources/js/pages/Kategori.vue
@@ -19,14 +19,14 @@
 			</div>
 
 			<!-- Table Section -->
-			<div class="bg-white rounded-lg shadow-md border border-C overflow-hidden">
+			<div class="bg-white rounded-lg shadow-md overflow-hidden">
 				<table class="w-full">
 					<thead>
-						<tr class="bg-C text-black">
-							<th class="px-6 py-4 text-center font-semibold border-r border-C">
+						<tr class="bg-C text-black border border-D">
+							<th class="px-6 py-4 text-center font-semibold border-r border-D">
 								No
 							</th>
-							<th class="px-6 py-4 text-center font-semibold border-r border-C">
+							<th class="px-6 py-4 text-center font-semibold border-r border-D">
 								Nama Kategori
 							</th>
 							<th v-if="isAdmin" class="px-6 py-4 text-center font-semibold">
@@ -36,7 +36,7 @@
 					</thead>
 					<tbody>
 						<tr v-for="(item, index) in kategori" :key="item.id"
-							class="border-b border-C hover:bg-A transition duration-150"
+							class="border border-C border-t-0 hover:bg-A transition duration-150"
 							:class="{ 'bg-gray-50': index % 2 === 1 }">
 							<td class="px-6 py-4 border-r border-C font-medium text-center text-gray-900">
 								{{ index + 1 }}
diff --git a/resources/js/pages/Sales.vue b/resources/js/pages/Sales.vue
index db46f82..f8eb862 100644
--- a/resources/js/pages/Sales.vue
+++ b/resources/js/pages/Sales.vue
@@ -24,20 +24,20 @@
       </div>
 
       <!-- Table Section -->
-      <div class="bg-white rounded-lg shadow-md border border-C overflow-x-auto">
+      <div class="bg-white rounded-lg shadow-md  overflow-x-auto">
         <table class="w-full ">
-          <thead class="">
-            <tr class="bg-C text-white">
-              <th class="px-6 py-4 text-center text-D">
+          <thead>
+            <tr class="bg-C text-white border-D border">
+              <th class="px-6 py-4 text-center border-r border-D text-D">
                 No
               </th>
-              <th class="px-6 py-4 text-center text-D">
+              <th class="px-6 py-4 text-center border-r border-D text-D">
                 Nama Sales
               </th>
-              <th class="px-6 py-4 text-center text-D">
+              <th class="px-6 py-4 text-center border-r border-D text-D">
                 No HP
               </th>
-              <th class="px-6 py-4 text-center text-D">
+              <th class="px-6 py-4 text-center border-r border-D text-D">
                 Alamat
               </th>
               <th v-if="isAdmin" class="px-6 py-4 text-center text-D">
@@ -47,7 +47,7 @@
           </thead>
           <tbody>
             <tr v-for="(item, index) in sales" :key="item.id"
-              class="border-b border-C hover:bg-gray-50 transition duration-150"
+              class="border-b border-C border-t-0 border-x hover:bg-gray-50 transition duration-150"
               :class="{ 'bg-gray-50': index % 2 === 1 }">
               <td class="px-6 py-4 border-r border-C text-center font-medium text-gray-900">
                 {{ index + 1 }}