diff --git a/resources/js/components/StrukOverlay.vue b/resources/js/components/StrukOverlay.vue
index 03a3292..ac66435 100644
--- a/resources/js/components/StrukOverlay.vue
+++ b/resources/js/components/StrukOverlay.vue
@@ -55,11 +55,11 @@
           <thead>
             <tr class="border-b border-t border-D">
               <th class="w-[40px] border-r text-lg border-D">Jml</th>
-              <th class="w-[360px] py-2 text-lg border-r border-D">Item</th>
+              <th class="w-[425px] py-2 text-lg border-r border-D">Item</th>
               <th class="w-[70px] border-r text-lg border-D">Posisi</th>
               <th class="w-[40px] border-r text-lg border-D">Berat</th>
               <th class="w-[40px] border-r text-lg border-D">Kadar</th>
-              <th class="w-[240px] text-lg">Harga</th>
+              <th class="w-[175px] text-lg">Harga</th>
             </tr>
           </thead>
 
@@ -132,7 +132,7 @@
                 <p class="font-semibold">Total Harga</p>
                 <div class="flex items-center w-40">
                   <p>Rp</p>
-                  <p class="px-3 pl-2 py-1 text-left text-sm w-full">
+                  <p class="px-3 pl-0 py-1 text-left text-sm w-full">
                     {{ grandTotal.toLocaleString() }},-
                   </p>
                 </div>
diff --git a/resources/js/components/StrukView.vue b/resources/js/components/StrukView.vue
index 66aa0ee..34e8f81 100644
--- a/resources/js/components/StrukView.vue
+++ b/resources/js/components/StrukView.vue
@@ -57,11 +57,11 @@
           <thead>
             <tr class="border-b border-t border-D">
               <th class="w-[40px] border-r text-lg border-D">Jml</th>
-              <th class="w-[360px] py-2 text-lg border-r border-D">Item</th>
+              <th class="w-[425px] py-2 text-lg border-r border-D">Item</th>
               <th class="w-[70px] border-r text-lg border-D">Posisi</th>
               <th class="w-[40px] border-r text-lg border-D">Berat</th>
               <th class="w-[40px] border-r text-lg border-D">Kadar</th>
-              <th class="w-[240px] text-lg">Harga</th>
+              <th class="w-[175px] text-lg">Harga</th>
             </tr>
           </thead>
 
@@ -135,7 +135,7 @@
                 </div>
                 <div class="flex items-center w-40">
                   <p>Rp</p>
-                  <p class="px-2 text-left text-sm w-full">
+                  <p class="px-2 pl-0 text-left text-sm w-full">
                     {{ (transaksi.ongkos_bikin || 0).toLocaleString() }},-
                   </p>
                 </div>
@@ -146,7 +146,7 @@
                 <p class="font-semibold">Total Harga</p>
                 <div class="flex items-center w-40">
                   <p>Rp</p>
-                  <p class="px-3 pl-2 py-1 text-left text-sm w-full">
+                  <p class="px-3 pl-0 py-1 text-left text-sm w-full">
                     {{ (transaksi.total_harga || 0).toLocaleString() }},-
                   </p>
                 </div>