diff --git a/resources/js/components/TrayList.vue b/resources/js/components/TrayList.vue
index 68371b1..6da99da 100644
--- a/resources/js/components/TrayList.vue
+++ b/resources/js/components/TrayList.vue
@@ -117,18 +117,22 @@
         </div>
 
         <div class="flex justify-end gap-2">
-          <button @click="closePopup" class="px-4 py-2 rounded bg-gray-400 hover:bg-gray-500 text-white transition">
-            {{ isAdmin ? 'Batal' : 'Tutup' }}
-          </button>
-          <button @click="showDeleteConfirm = true"
-            class="px-4 py-2 rounded bg-red-500 text-white hover:bg-red-600 transition flex items-center">
-            <i class="fas fa-trash mr-2"></i>Hapus
-          </button>
-          <button v-if="isAdmin" @click="saveMove" :disabled="!selectedTrayId" class="px-4 py-2 rounded transition"
-            :class="selectedTrayId ? 'bg-C hover:bg-C/80 text-D' : 'bg-gray-400 cursor-not-allowed'">
-            Simpan
-          </button>
+            <button @click="closePopup" class="px-4 py-2 rounded bg-gray-400 hover:bg-gray-500 text-white transition">
+                {{ isAdmin ? 'Batal' : 'Tutup' }}
+            </button>
+
+            <!-- Tombol Hapus hanya muncul kalau Admin -->
+            <button v-if="isAdmin" @click="showDeleteConfirm = true"
+                class="px-4 py-2 rounded bg-red-500 text-white hover:bg-red-600 transition flex items-center">
+                <i class="fas fa-trash mr-2"></i>Hapus
+            </button>
+
+            <button v-if="isAdmin" @click="saveMove" :disabled="!selectedTrayId" class="px-4 py-2 rounded transition"
+                :class="selectedTrayId ? 'bg-C hover:bg-C/80 text-D' : 'bg-gray-400 cursor-not-allowed'">
+                Simpan
+            </button>
         </div>
+
       </div>
     </div>
 
@@ -188,15 +192,15 @@ const printQR = () => {
               margin: 0;
               padding: 0;
             }
-            body { 
-              font-family: Arial, sans-serif; 
+            body {
+              font-family: Arial, sans-serif;
               display: flex;
               align-items: center;
               justify-content: center;
               height: 100vh;
               width: 100vw;
             }
-            .qr-container { 
+            .qr-container {
               text-align: center;
               width: 100%;
             }
@@ -348,4 +352,4 @@ onMounted(() => {
 
 // Expose refreshData to parent
 defineExpose({ refreshData });
-</script>
\ No newline at end of file
+</script>