OPHJOD-1203: Fix gap prop in CardCarousel

Opetushallitus · Jan 20, 2025 · 15163cb · 15163cb
1 parent 8eff8a1
commit 15163cb
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/lib/components/CardCarousel/CardCarousel.tsx b/lib/components/CardCarousel/CardCarousel.tsx
@@ -93,7 +93,7 @@ export const CardCarousel = ({ items = [], translations, itemWidth, gap = 16 }:
 
   return (
     <>
-      <ul className="ds-flex ds-flex-row ds-gap-5 ds-overflow-hidden ds-p-3" ref={containerRef}>
+      <ul className="ds-flex ds-flex-row ds-overflow-hidden ds-p-3" ref={containerRef} style={{ gap }}>
         {items.map((item, index) => {
           // Change the page according to focused item during tab navigation
           const onFocus = () => {