diff --git a/src/pages/index/index.tsx b/src/pages/index/index.tsx
index b71e5ea..cc5d82c 100644
--- a/src/pages/index/index.tsx
+++ b/src/pages/index/index.tsx
@@ -232,7 +232,7 @@ const IndexPage: React.FC = () => {
                       <Image
                         style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}
                         src={getCompressedImageUrl(item.image)}
-                        mode='aspectFill'
+                        mode='aspectFit'
                       />
                     ) : (
                       <View style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }} className='bg-gray-100 flex items-center justify-center'>
diff --git a/src/pages/shop/category.tsx b/src/pages/shop/category.tsx
index 6eb942c..7f50733 100644
--- a/src/pages/shop/category.tsx
+++ b/src/pages/shop/category.tsx
@@ -217,7 +217,7 @@ const CategoryPage: React.FC = () => {
                       <Image
                         className='w-full h-full'
                         src={getCompressedImageUrl(item.image || item.files || '')}
-                        mode='aspectFill'
+                        mode='aspectFit'
                         lazyLoad
                       />
                     </View>