diff --git a/src/components/Cart.jsx b/src/components/Cart.jsx
index 9e08ee17..e0effdfa 100644
--- a/src/components/Cart.jsx
+++ b/src/components/Cart.jsx
@@ -11,7 +11,7 @@ const Cart = () => {
 
   return (
     <div className="bg-half-transparent w-full fixed nav-item top-0 right-0 ">
-      <div className="float-right h-screen  duration-1000 ease-in-out dark:text-gray-200 transition-all dark:bg-[#484B52] bg-white md:w-400 p-8">
+      <div className="float-right h-screen  duration-1000 ease-in-out dark:text-gray-200 transition-all dark:bg-[#484B52] bg-white md:w-400 p-8 overflow-x-scroll">
         <div className="flex justify-between items-center">
           <p className="font-semibold text-lg">Shopping Cart</p>
           <Button