diff --git a/app/components/DesktopItem.vue b/app/components/DesktopItem.vue
index f61072c..ecd1168 100644
--- a/app/components/DesktopItem.vue
+++ b/app/components/DesktopItem.vue
@@ -26,11 +26,11 @@ const iconToUse = computed(() => props.item.icon || defaultIcon.value);
   <NuxtLink
     :to="targetUrl"
     :target="isFolder ? '_self' : '_blank'"
-    class="flex flex-col items-center justify-center p-4 rounded-xl hover:bg-white/10 transition-colors cursor-pointer group select-none"
+    class="flex flex-col items-center justify-center p-5 rounded-2xl bg-white/10 hover:bg-white/20 backdrop-blur-md border border-white/10 transition-all cursor-pointer group select-none shadow-lg hover:shadow-xl "
   >
     <UIcon 
       :name="iconToUse" 
-      class="w-16 h-16 mb-3 drop-shadow-md transition-transform group-hover:scale-105" 
+      class="w-20 h-20 mb-3 drop-shadow-lg transition-transform group-hover:scale-110" 
       :style="{ color: item.color || (isFolder ? '#60A5FA' : '#9CA3AF') }"
     />
     <span class="text-sm font-medium text-center text-white break-words line-clamp-2 w-full text-shadow">