diff --git a/extensions/Servers/Proxmox/views/storage.blade.php b/extensions/Servers/Proxmox/views/storage.blade.php
index 8495fe2a0..c490b4a44 100644
--- a/extensions/Servers/Proxmox/views/storage.blade.php
+++ b/extensions/Servers/Proxmox/views/storage.blade.php
@@ -102,14 +102,12 @@
 
         <!-- VM Running Warning -->
         @if($status && $status->status !== 'stopped')
-            <div style="background-color: rgb(239 68 68 / 0.1); border: 1px solid rgb(239 68 68 / 0.3); border-radius: 0.5rem; padding: 1rem;">
-                <div style="display: flex; align-items: center; gap: 0.75rem;">
-                    <div style="flex-shrink: 0;">
-                        <x-ri-error-warning-line style="width: 1.25rem; height: 1.25rem; color: rgb(239 68 68);" />
-                    </div>
-                    <div>
-                        <h4 style="font-size: 0.875rem; font-weight: 600; color: rgb(239 68 68);">Server Must Be Powered Off</h4>
-                        <p style="font-size: 0.875rem; color: rgb(239 68 68 / 0.8); margin-top: 0.125rem;">Storage changes can only be made when the server is in a powered off state. Please shut down your server before making any storage modifications.</p>
+            <div class="bg-error/10 border border-error/30 rounded-lg p-4">
+                <div class="flex items-start gap-3">
+                    <x-ri-error-warning-fill class="size-5 text-error flex-shrink-0 mt-0.5" />
+                    <div class="flex-1">
+                        <h3 class="text-sm font-semibold">Server Must Be Powered Off</h3>
+                        <p class="text-xs text-base/70 leading-relaxed mt-1">Storage changes can only be made when the server is in a powered off state. Please shut down your server before making any storage modifications.</p>
                     </div>
                 </div>
             </div>
@@ -117,15 +115,13 @@
 
         <!-- Storage Over-Provisioned Warning -->
         @if($totalAllocatedStorage > $maxAllowedStorage && $maxAllowedStorage > 0)
-            <div style="background-color: rgb(239 68 68 / 0.1); border: 1px solid rgb(239 68 68 / 0.3); border-radius: 0.5rem; padding: 1rem;">
-                <div style="display: flex; align-items: center; gap: 0.75rem;">
-                    <div style="flex-shrink: 0;">
-                        <x-ri-alarm-warning-line style="width: 1.25rem; height: 1.25rem; color: rgb(239 68 68);" />
-                    </div>
-                    <div>
-                        <h4 style="font-size: 0.875rem; font-weight: 600; color: rgb(239 68 68);">Storage Quota Exceeded</h4>
-                        <p style="font-size: 0.875rem; color: rgb(239 68 68 / 0.8); margin-top: 0.125rem;">
-                            Your server has <strong>{{ number_format($totalAllocatedStorage, 1) }} GB</strong> of storage configured, but your plan only allows <strong>{{ number_format($maxAllowedStorage, 1) }} GB</strong>. 
+            <div class="bg-error/10 border border-error/30 rounded-lg p-4">
+                <div class="flex items-start gap-3">
+                    <x-ri-alarm-warning-fill class="size-5 text-error flex-shrink-0 mt-0.5" />
+                    <div class="flex-1">
+                        <h3 class="text-sm font-semibold">Storage Quota Exceeded</h3>
+                        <p class="text-xs text-base/70 leading-relaxed mt-1">
+                            <strong>Your server has {{ number_format($totalAllocatedStorage, 1) }} GB of storage configured, but your plan only allows {{ number_format($maxAllowedStorage, 1) }} GB.</strong> 
                             The server cannot be started until storage is reduced to within your plan limits. Please delete drives or upgrade your service to allow this configuration.
                         </p>
                     </div>