diff --git a/resources/views/admin/basic-settings/machines/index.blade.php b/resources/views/admin/basic-settings/machines/index.blade.php
index eee816c..9f79d86 100644
--- a/resources/views/admin/basic-settings/machines/index.blade.php
+++ b/resources/views/admin/basic-settings/machines/index.blade.php
@@ -723,7 +723,7 @@
                 </div>
                 <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
                 <div
-                    class="inline-block align-bottom bg-white dark:bg-slate-900 rounded-3xl text-left overflow-hidden shadow-2xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full animate-luxury-in border border-slate-100 dark:border-slate-800">
+                    class="inline-block align-bottom bg-white dark:bg-slate-900 rounded-3xl text-left overflow-visible shadow-2xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full animate-luxury-in border border-slate-100 dark:border-slate-800">
                     <div
                         class="px-8 pt-8 pb-6 border-b border-slate-50 dark:border-slate-800/50 flex justify-between items-center">
                         <h3 class="text-xl font-black text-slate-800 dark:text-white tracking-tight font-display">{{
@@ -863,7 +863,7 @@
                 </div>
                 <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
                 <div
-                    class="inline-block align-bottom bg-white dark:bg-slate-900 rounded-3xl text-left overflow-hidden shadow-2xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full animate-luxury-in border border-slate-100 dark:border-slate-800">
+                    class="inline-block align-bottom bg-white dark:bg-slate-900 rounded-3xl text-left overflow-visible shadow-2xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full animate-luxury-in border border-slate-100 dark:border-slate-800">
                     <div
                         class="px-8 pt-8 pb-6 border-b border-slate-50 dark:border-slate-800/50 flex justify-between items-center">
                         <h3 class="text-xl font-black text-slate-800 dark:text-white tracking-tight font-display">{{
diff --git a/resources/views/admin/warehouses/machine-inventory.blade.php b/resources/views/admin/warehouses/machine-inventory.blade.php
index 5096ee5..ab4437c 100644
--- a/resources/views/admin/warehouses/machine-inventory.blade.php
+++ b/resources/views/admin/warehouses/machine-inventory.blade.php
@@ -749,7 +749,7 @@
 <script>
 document.addEventListener('alpine:init', () => {
     Alpine.data('machineInventory', () => ({
-        viewMode: '{{ request('machine_id') ? 'detail' : 'list' }}',
+        viewMode: "{{ request('machine_id') ? 'detail' : 'list' }}",
         displayMode: 'table',
         selectedMachine: null,
         slots: [],
@@ -1008,13 +1008,13 @@ document.addEventListener('alpine:init', () => {
         },
 
         movementTypeBadge(type) {
-
             const colors = {
-                replenishment:  'emerald',
-                pickup:         'indigo',
-                remote_dispense:'cyan',
-                adjustment:     'amber',
-                rollback:       'rose',
+                replenishment:   'emerald',
+                pickup:          'indigo',
+                remote_dispense: 'cyan',
+                adjustment:      'amber',
+                rollback:        'rose',
+                decommission:    'slate'
             };
             const color = colors[type] || 'slate';
             return `bg-${color}-500/10 text-${color}-600 dark:text-${color}-400 border-${color}-500/20`;