diff --git a/src/components/common/CartDrawer/components/ProductCartItem/ProductCartItem.module.scss b/src/components/common/CartDrawer/components/ProductCartItem/ProductCartItem.module.scss
index e8bd0e3ec..4988d4a66 100644
--- a/src/components/common/CartDrawer/components/ProductCartItem/ProductCartItem.module.scss
+++ b/src/components/common/CartDrawer/components/ProductCartItem/ProductCartItem.module.scss
@@ -5,7 +5,6 @@
     grid-template-columns: 2fr 1fr;
     padding-bottom: 1.6rem;
     padding-top: 1.6rem;
-    border-bottom: 1px solid var(--border-line);
     .info {
         @apply flex;
         .imgWrap {
@@ -18,6 +17,11 @@
         }
         .detail {
             min-height: 9rem;
+            .name {
+                &:hover {
+                    color: var(--primary);
+                }
+            }
             .price {
                 margin-top: 0.8rem;
                 .old {
diff --git a/src/components/common/CartDrawer/components/ProductsInCart/ProductsInCart.module.scss b/src/components/common/CartDrawer/components/ProductsInCart/ProductsInCart.module.scss
index 96df763b8..61ef7421e 100644
--- a/src/components/common/CartDrawer/components/ProductsInCart/ProductsInCart.module.scss
+++ b/src/components/common/CartDrawer/components/ProductsInCart/ProductsInCart.module.scss
@@ -1,5 +1,9 @@
-
 .productsInCart {
     padding: 1.6rem 1.6rem 0 1.6rem;
-    margin-bottom: -1px;
-}
\ No newline at end of file
+    list-style: none;
+    li {
+        &:not(:last-child) {
+            border-bottom: 1px solid var(--border-line);
+        }
+    }
+}
diff --git a/src/components/common/CartDrawer/components/ProductsInCart/ProductsInCart.tsx b/src/components/common/CartDrawer/components/ProductsInCart/ProductsInCart.tsx
index 5eddc1c25..b455d4d73 100644
--- a/src/components/common/CartDrawer/components/ProductsInCart/ProductsInCart.tsx
+++ b/src/components/common/CartDrawer/components/ProductsInCart/ProductsInCart.tsx
@@ -8,20 +8,22 @@ interface Props {
 
 const ProductsInCart = ({ data }: Props) => {
   return (
-    <div className={s.productsInCart}>
+    <ul className={s.productsInCart}>
       {
-        data.map(item => <ProductCartItem
-          key={item.name}
-          name={item.name}
-          weight={item.weight}
-          price={item.price}
-          oldPrice={item.oldPrice}
-          discount={item.discount}
-          imageSrc={item.imageSrc}
-          quantity={item.quantity}
-        />)
+        data.map(item => <li key={item.name}>
+          <ProductCartItem
+            name={item.name}
+            slug={item.slug}
+            weight={item.weight}
+            price={item.price}
+            oldPrice={item.oldPrice}
+            discount={item.discount}
+            imageSrc={item.imageSrc}
+            quantity={item.quantity}
+          />
+        </li>)
       }
-    </div>
+    </ul>
   )
 }
 
diff --git a/src/utils/constanst.utils.ts b/src/utils/constanst.utils.ts
index c732f6ed6..f680fa39c 100644
--- a/src/utils/constanst.utils.ts
+++ b/src/utils/constanst.utils.ts
@@ -8,6 +8,7 @@ export const SOCIAL_LINKS = {
 export const ROUTE = {
     HOME: '/',
     PRODUCTS: '/products',
+    PRODUCT_DETAIL: '/product',
     ABOUT: '/about',
     ACCOUNT: '/account',
     RECIPES: '/recipes',