diff --git a/src/components/CommodityItem.vue b/src/components/CommodityItem.vue
index 2eb7ef8..3ccbd43 100644
--- a/src/components/CommodityItem.vue
+++ b/src/components/CommodityItem.vue
@@ -50,7 +50,7 @@
 				<div
 					class="price"
 					:class="{ 'is-download': download }"
-					v-if="props.showPrice && props.price"
+					v-if="props.showPrice && (props.price || props.price === 0)"
 				>
 					HK${{ props.price }}
 				</div>
@@ -79,6 +79,8 @@
 			width: 100%;
 			cursor: pointer;
 			height: var(--commodity-height, auto);
+			aspect-ratio: 0.8/1;
+			object-fit: cover;
 			margin-bottom: var(--commodity-marginBottom, 1rem);
 		}
 		> .detail {