diff --git a/apps/frontend/src/page/catalog/CatalogShowPage.vue b/apps/frontend/src/page/catalog/CatalogShowPage.vue
index 656d349..8b83e25 100644
--- a/apps/frontend/src/page/catalog/CatalogShowPage.vue
+++ b/apps/frontend/src/page/catalog/CatalogShowPage.vue
@@ -27,8 +27,8 @@
         <!-- Sidebar Info -->
         <div class="lg:col-span-1 space-y-6">
           <div class="bg-white rounded-3xl shadow-xl p-8 border border-gray-100">
-            <div v-if="software.imageUrl" class="mb-6">
-              <img :src="software.imageUrl" :alt="software.title" class="w-full rounded-2xl object-cover shadow-sm" />
+            <div v-if="software.imageUrl" class="mb-6 flex justify-center">
+              <img :src="software.imageUrl" :alt="software.title" class="max-h-48 w-auto object-contain border-4 border-gray-100 shadow-sm" />
             </div>
             <h2 class="text-xl font-bold text-gray-900 mb-6 flex items-center gap-2">
               <span class="text-purple-600">ℹ</span> Project Info
diff --git a/apps/frontend/src/page/home/HomePage.vue b/apps/frontend/src/page/home/HomePage.vue
index 5a27616..5641986 100644
--- a/apps/frontend/src/page/home/HomePage.vue
+++ b/apps/frontend/src/page/home/HomePage.vue
@@ -323,10 +323,10 @@ onUnmounted(() => {
   @apply px-8 py-4 bg-indigo-500/10 text-white border border-indigo-400/30 font-bold rounded-xl transition-all hover:bg-indigo-500/20;
 }
 .featured-image-panel {
-  @apply flex-shrink-0 w-full md:w-64 lg:w-80 overflow-hidden;
+  @apply flex-shrink-0 flex items-center justify-center p-6 md:p-8;
 }
 .featured-image {
-  @apply w-full h-full object-cover opacity-80 group-hover:opacity-100 transition-opacity;
+  @apply max-h-48 w-auto object-contain border-4 border-white shadow-xl opacity-90 group-hover:opacity-100 transition-opacity;
 }
 .featured-version-badge {
   @apply px-2 py-0.5 rounded text-[10px] font-bold bg-white/10 text-white/70 border border-white/20;