From 0e97e49d82b1e017798f996d87c93c318f533470 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=83=9E=E3=83=AB=E3=82=B3=E3=83=A1?=
 <akio.muto@bnt.benextgroup.jp>
Date: Fri, 20 Sep 2024 13:38:37 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=91fix:=20carousel=20image=20aspect=20?=
 =?UTF-8?q?ratio=20(#976)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/carousel.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/carousel.tsx b/app/carousel.tsx
index 19f5bf2d..2b6bc0eb 100644
--- a/app/carousel.tsx
+++ b/app/carousel.tsx
@@ -329,7 +329,7 @@ export function IndicatorCarousel(): JSX.Element {
       </div>
       <div
         ref={carouselRef}
-        className="aspect-square carousel flex overflow-x-scroll rounded-2xl scroll-smooth shadow-lg snap-mandatory snap-x w-full"
+        className="aspect-square flex overflow-x-scroll rounded-2xl scroll-smooth shadow-lg snap-mandatory snap-x w-full"
         onMouseEnter={() => setIsBusy(true)}
         onMouseLeave={() => setIsBusy(false)}
         onTouchStart={() => setIsBusy(true)}
@@ -351,7 +351,7 @@ export function IndicatorCarousel(): JSX.Element {
             width={256}
             height={256}
             alt={picture.alt}
-            className="aspect-square carousel-item snap-start w-full"
+            className="flex-none snap-start w-full"
           />
         ))}
       </div>