revert back sidecart design

src/components/SideCart/SideCart.jsx

@@ -93,7 +93,7 @@ const SideCart = ({ open, onClose }) => {
                   >
                     <Grid container>
                       {/* Product Image */}
-                      <Grid item size={3}>
+                      <Grid item size={2}>
                         <Box
                           component="img"
                           src={merchandise?.image?.src}
@@ -107,32 +107,32 @@ const SideCart = ({ open, onClose }) => {
                       </Grid>
 
                       {/* Product Details */}
-                      <Grid item size={9} sx={{ paddingLeft: 1 }}>
+                      <Grid item size={10} sx={{ paddingLeft: 1 }}>
                         <Typography variant="body2" sx={{
                           fontWeight: "400", fontSize: {
-                            xs: "0.73rem",
-                            sm: "0.73rem",
-                            md: "0.875rem",
-                          },
+                            xs: "0.875rem",
+                            sm: "0.875rem",
+                            md: "1.1rem",
+                          }
                         }}>
                           {product?.title}
                         </Typography>
                         <Typography variant="body2" sx={{
                           fontWeight: "100", fontSize: {
-                            xs: "0.73rem",
-                            sm: "0.73rem",
-                            md: "0.875rem",
-                          },
+                            xs: "0.875rem",
+                            sm: "0.875rem",
+                            md: "1.1rem",
+                          }
                         }}>{`VARIANT: ${title}`}</Typography>
 
                         <Box sx={{ display: "flex", alignItems: "center" }}>
 
                           <Typography variant="body2" sx={{
                             fontWeight: "100", fontSize: {
-                              xs: "0.73rem",
-                              sm: "0.73rem",
-                              md: "0.875rem",
-                            },
+                              xs: "0.875rem",
+                              sm: "0.875rem",
+                              md: "1.1rem",
+                            }
                           }}>{`${currencyCode} ${parseFloat(amount).toFixed(2)}`}</Typography>
 
                           <Box sx={{ display: "flex", ml: "auto" }}>