diff --git a/packages/ui/src/components/Organisms/Carousel/Carousel.tsx b/packages/ui/src/components/Organisms/Carousel/Carousel.tsx
index 3ab649398..e7584e452 100644
--- a/packages/ui/src/components/Organisms/Carousel/Carousel.tsx
+++ b/packages/ui/src/components/Organisms/Carousel/Carousel.tsx
@@ -53,7 +53,10 @@ export function Carousel({
           )}
         >
           {React.Children.map(children, (child, index) => (
-            <li key={index} className="embla__slide min-w-0 p-2">
+            <li
+              key={index}
+              className="embla__slide grid min-w-0 grid-cols-subgrid p-2"
+            >
               {child}
             </li>
           ))}