diff --git a/extensions/Servers/Proxmox/views/firewall.blade.php b/extensions/Servers/Proxmox/views/firewall.blade.php
index 188e51fe3..9e413f061 100644
--- a/extensions/Servers/Proxmox/views/firewall.blade.php
+++ b/extensions/Servers/Proxmox/views/firewall.blade.php
@@ -1117,13 +1117,13 @@
                         </div>
                     </div>
                     <div class="flex gap-3 justify-end">
-                        <x-proxmox::ui.button wire:click="cancelDeleteRule" variant="secondary">
+                        <button wire:click="cancelDeleteRule" class="px-4 py-2 bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300 rounded-lg hover:bg-gray-300 dark:hover:bg-gray-600 transition-colors text-sm font-medium">
                             Cancel
-                        </x-proxmox::ui.button>
-                        <x-proxmox::ui.button wire:click="deleteRule" wire:loading.attr="disabled" variant="danger">
+                        </button>
+                        <button wire:click="deleteRule" wire:loading.attr="disabled" class="px-4 py-2 rounded-lg text-sm font-medium text-white transition-colors" style="background-color: #dc2626;" onmouseover="this.style.backgroundColor='#b91c1c'" onmouseout="this.style.backgroundColor='#dc2626'">
                             <span wire:loading.remove wire:target="deleteRule">Delete Rule</span>
                             <span wire:loading wire:target="deleteRule">Deleting...</span>
-                        </x-proxmox::ui.button>
+                        </button>
                     </div>
                 </div>
             </div>