diff --git a/src/assets/icons/ArrowLeftIcon.tsx b/src/assets/icons/ArrowLeftIcon.tsx
index 610594a..a4506a3 100644
--- a/src/assets/icons/ArrowLeftIcon.tsx
+++ b/src/assets/icons/ArrowLeftIcon.tsx
@@ -1,9 +1,15 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-import { cn } from '@/utils';
-import ArrowRightIcon from '@/assets/icons/ArrowRightIcon';
 
-const ArrowLeftIcon = ({ className, ...props }: SVGProps<SVGSVGElement>) => (
-  <ArrowRightIcon className={cn('rotate-180', className)} {...props} />
+const ArrowLeftIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns='http://www.w3.org/2000/svg' width={16} height={16} fill='none' {...props}>
+    <path
+      stroke='#000'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={2}
+      d='m10 12-4-4 4-4'
+    />
+  </svg>
 );
 export default ArrowLeftIcon;
diff --git a/src/components/carousel.tsx b/src/components/carousel.tsx
index 4dc3592..91a5c45 100644
--- a/src/components/carousel.tsx
+++ b/src/components/carousel.tsx
@@ -325,7 +325,7 @@ function CarouselNavButton({
         onClick={handleClick}
         {...props}>
         {isPrevious ? (
-          <ArrowLeftIcon className={orientation === 'vertical' ? '-rotate-90' : ''} />
+          <ArrowLeftIcon className={orientation === 'vertical' ? 'rotate-90' : ''} />
         ) : (
           <ArrowRightIcon className={orientation === 'vertical' ? 'rotate-90' : ''} />
         )}