diff --git a/extensions/Servers/Proxmox/views/components/layout.blade.php b/extensions/Servers/Proxmox/views/components/layout.blade.php
index dbe06707e..e9ddd2809 100644
--- a/extensions/Servers/Proxmox/views/components/layout.blade.php
+++ b/extensions/Servers/Proxmox/views/components/layout.blade.php
@@ -265,13 +265,13 @@
                                 @foreach($iconList as $iconData)
                                 <button @click="icon = '{{ $iconData['icon'] }}'; iconPrefix = '{{ $iconData['prefix'] }}'" :class="icon === '{{ $iconData['icon'] }}' && iconPrefix === '{{ $iconData['prefix'] }}' ? 'ring-2 ring-primary' : ''" class="icon-btn rounded p-2 border flex items-center justify-center hover:bg-secondary/10 dark:border-base/20" data-icon="{{ $iconData['icon'] }}" data-prefix="{{ $iconData['prefix'] }}">
                                     @php
-                                        $componentName = $iconData['prefix'] . '-' . $iconData['icon'];
+                                        if ($iconData['prefix'] === 'vaadin') {
+                                            $componentName = 'vaadin-' . str_replace('_', '-', $iconData['icon']);
+                                        } else {
+                                            $componentName = $iconData['prefix'] . '-' . $iconData['icon'];
+                                        }
                                     @endphp
-                                    @if($iconData['prefix'] === 'vaadin')
-                                        <x-dynamic-component component="vaadin-{{ $iconData['icon'] }}" class="size-5" />
-                                    @else
-                                        <x-dynamic-component :component="$componentName" class="size-5" />
-                                    @endif
+                                    <x-dynamic-component :component="$componentName" class="size-5" />
                                 </button>
                                 @endforeach
                             </div>