diff --git a/web/core/Carousel/Carousel.tsx b/web/core/Carousel/Carousel.tsx
index 653029ec2..95602bdb4 100644
--- a/web/core/Carousel/Carousel.tsx
+++ b/web/core/Carousel/Carousel.tsx
@@ -71,8 +71,6 @@ type CarouselProps = {
   autoRotation?: boolean
   hasSectionTitle?: boolean
   title?: PortableTextBlock[]
-  /* The component to use to display default carousel item */
-  defaultItemContainer?: React.JSXElementConstructor<React.HTMLAttributes<HTMLElement>>
 } & Omit<HTMLAttributes<HTMLDivElement>, 'title'>
 
 const TRANSLATE_X_AMOUNT_LG = 1000
@@ -90,7 +88,6 @@ export const Carousel = forwardRef<HTMLElement, CarouselProps>(function Carousel
     className = '',
     listClassName = '',
     hasSectionTitle = false,
-    defaultItemContainer: DefaultItemContainer,
   },
   ref,
 ) {
diff --git a/web/core/Carousel/CarouselDefaultItem.tsx b/web/core/Carousel/CarouselDefaultItem.tsx
deleted file mode 100644
index 08fe2a9b3..000000000
--- a/web/core/Carousel/CarouselDefaultItem.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import envisTwMerge from '../../twMerge'
-import { forwardRef, HTMLAttributes, ReactNode, useId } from 'react'
-
-type CarouselDefaultItemProps = {
-  active?: boolean
-  children?: ReactNode
-} & HTMLAttributes<HTMLLIElement>
-
-/* Default carousel item
-  Only use with scroll 
-*/
-export const CarouselDefaultItem = forwardRef<HTMLLIElement, CarouselDefaultItemProps>(function CarouselDefaultItem(
-  props,
-  ref,
-) {
-  const id = useId()
-  return (
-    <li
-      {...props}
-      key={id}
-      ref={ref}
-      aria-current={props.active ?? false}
-      className={envisTwMerge(
-        `group
-        w-[80%]    
-        transform-all
-        shrink-0
-        grow
-        relative
-        snap-center
-        scroll-ml-6
-        `,
-        props?.className ?? '',
-      )}
-      data-state={'scroll'}
-    >
-      {props.children}
-    </li>
-  )
-})