cart: enhance "you may like" styles

src/pages/cart/components/youMayLike/YouMayAlsoLike.module.css

@@ -2,9 +2,7 @@
     display: flex;
     flex-direction: row;
     justify-content: space-between;
-    width: 100%;
-    overflow: auto;
-    scrollbar-width: none;
+    overflow-y: scroll;
 }
 
 :global(.darkApp) .youMightAlsoLikeContainer path {

src/pages/cart/components/youMayLike/YouMightAlsoLike.tsx

@@ -40,7 +40,7 @@ export default function YouMightAlsoLike() {
 
   return (
     <>
-      <div style={{ marginBottom: 16 }}>
+      <div style={{ margin: 16 }}>
         <ProText
           strong
           style={{
@@ -51,7 +51,7 @@ export default function YouMightAlsoLike() {
         </ProText>
       </div>
 
-      <div className={`${styles.youMightAlsoLikeContainer} responsive-grid`}>
+      <div className={styles.youMightAlsoLikeContainer}>
         {menuItems.map((item: Product) => (
           <div key={item.id}>
             <div
@@ -62,7 +62,7 @@ export default function YouMightAlsoLike() {
                 justifyContent: "space-between",
                 width: isMobile ? "95px" : isTablet ? "120px" : "140px",
                 position: "relative",
-                height: 155,
+                height: 200,
                 overflow: "hidden",
               }}
             >