fix(SW-2376): css specificity to fix carousel buttons position

Approved-by: Chuma Mcphoy (We Ahead)
2025-05-21 07:06:11 +00:00
parent e5836c9e65
commit e48e90dee4
3 changed files with 3 additions and 3 deletions
--- a/apps/scandic-web/components/Blocks/CarouselCards/index.tsx
+++ b/apps/scandic-web/components/Blocks/CarouselCards/index.tsx
@@ -48,7 +48,7 @@ export default function CarouselCards({ carousel_cards }: CarouselCardsProps) {
          onFilterSelect={setActiveFilter}
        />
      )}
-      <Carousel key={activeFilter}>
+      <Carousel key={activeFilter} className={styles.carousel}>
        <Carousel.Content>
          {filteredCards.map((card, index) => (
            <Carousel.Item key={`${card.heading}-${index}`}>