diff --git a/extensions/Servers/Proxmox/views/components/layout.blade.php b/extensions/Servers/Proxmox/views/components/layout.blade.php
index 75aa58c12..4bdfd5ce0 100644
--- a/extensions/Servers/Proxmox/views/components/layout.blade.php
+++ b/extensions/Servers/Proxmox/views/components/layout.blade.php
@@ -44,7 +44,7 @@
                     initialColor: {{ $server->user_set_icon_color ? "'" . $server->user_set_icon_color . "'" : 'null' }}
                 })">
                     <button @click="openModal()" :title="icon ? 'Customize server icon' : 'Set server icon'" class="flex items-center gap-3 hover:opacity-80 transition-opacity">
-                        <span x-show="icon" :class="'ri-' + icon" class="text-2xl" :style="color ? 'color: ' + color : ''"></span>
+                        <i x-show="icon" :class="'ri-' + icon" class="text-2xl" :style="color ? 'color: ' + color : ''"></i>
                         <x-ri-server-line x-show="!icon" class="size-6 text-secondary" />
                         <span class="text-2xl font-bold">
                             {{ $server->hostname }}
@@ -59,16 +59,16 @@
                             </button>
                             <h3 class="text-lg font-semibold mb-4">Customize Server Icon</h3>
                             <div class="flex items-center gap-4 mb-4">
-                                <div class="size-12 rounded-xl border flex items-center justify-center" :style="color ? 'color: ' + color + '; border-color: ' + color : ''">
-                                    <span x-show="icon" :class="'ri-' + icon" class="text-3xl"></span>
+                                <div class="size-12 rounded-xl border flex items-center justify-center text-3xl" :style="color ? 'color: ' + color + '; border-color: ' + color : ''">
+                                    <i x-show="icon" :class="'ri-' + icon"></i>
                                     <x-ri-server-line x-show="!icon" class="size-8 text-base/40" />
                                 </div>
                                 <input x-model="search" type="text" placeholder="Search icons..." class="border rounded px-2 py-1 text-sm w-40" />
                             </div>
                             <div class="grid grid-cols-6 gap-2 mb-4 max-h-32 overflow-y-auto">
                                 <template x-for="i in filteredIcons" :key="i">
-                                    <button @click="icon = i" :class="icon === i ? 'ring-2 ring-primary' : ''" class="rounded p-1 border flex items-center justify-center hover:bg-secondary/10">
-                                        <span :class="'ri-' + i" class="text-xl"></span>
+                                    <button @click="icon = i" :class="icon === i ? 'ring-2 ring-primary' : ''" class="rounded p-1 border flex items-center justify-center hover:bg-secondary/10 text-xl">
+                                        <i :class="'ri-' + i"></i>
                                     </button>
                                 </template>
                             </div>