diff --git a/components/cart/close-cart.tsx b/components/cart/close-cart.tsx
index 515b94843..4601b32c3 100644
--- a/components/cart/close-cart.tsx
+++ b/components/cart/close-cart.tsx
@@ -1,7 +1,7 @@
 import { XMarkIcon } from '@heroicons/react/24/outline';
 import clsx from 'clsx';
 
-export default function CloseCart({ className }: { className?: string }) {
+export default function CloseCart({ className }: { className?: number }) {
   return (
     <div className="relative flex h-11 w-11 items-center justify-center rounded-md border border-neutral-200 text-black transition-colors dark:border-neutral-700 dark:text-white">
       <XMarkIcon className={clsx('h-6 transition-all ease-in-out hover:scale-110 ', className)} />