diff --git a/web/app/components/explore/banner/banner-item.tsx b/web/app/components/explore/banner/banner-item.tsx
index 8d57d761ec..964ab95069 100644
--- a/web/app/components/explore/banner/banner-item.tsx
+++ b/web/app/components/explore/banner/banner-item.tsx
@@ -115,8 +115,7 @@ export const BannerItem: FC<BannerItemProps> = ({ banner, autoplayDelay }) => {
         <img
           src={banner.content['img-src']}
           alt={banner.content.title}
-          className="h-full rounded-xl object-cover"
-          style={{ aspectRatio: '4/3' }}
+          className="aspect-[4/3] h-full rounded-xl object-cover"
         />
       </div>
     </div>