font size change

src/components/ProductHistoryList/ProductHistoryList.jsx

@@ -72,28 +72,28 @@ const ProductHistoryList = () => {
             <Box sx={{ pb: 3, pt: 1, width: "90%" }}>
               <Typography variant="body2" sx={{
                 fontWeight: "100", fontSize: {
-                  xs: "0.875rem",
-                  sm: "0.875rem",
-                  md: "1.1rem",
-                }
+                  xs: "0.65rem",
+                  sm: "0.65rem",
+                  md: "0.75rem",
+                },
               }}>
                 {collection_name}
               </Typography>
               <Typography variant="body2" sx={{
                 fontWeight: "400", fontSize: {
-                  xs: "0.875rem",
-                  sm: "0.875rem",
-                  md: "1.1rem",
-                }
+                  xs: "0.73rem",
+                  sm: "0.73rem",
+                  md: "0.875rem",
+                },
               }}>
                 {title}
               </Typography>
               <Typography variant="body2" sx={{
                 fontWeight: "100", fontSize: {
-                  xs: "0.875rem",
-                  sm: "0.875rem",
-                  md: "1.1rem",
-                }
+                  xs: "0.73rem",
+                  sm: "0.73rem",
+                  md: "0.875rem",
+                },
               }}>
                 {`${minPriceCurrency} ${parseFloat(minPrice).toFixed(2)}`}
               </Typography>

src/components/ProductSelected/ProductSelected.jsx

@@ -99,28 +99,28 @@ const ProductSelected = () => {
             <Box sx={{ pb: 1, pt: 1, width: "90%" }}>
               <Typography variant="body2" sx={{
                 fontWeight: "100", fontSize: {
-                  xs: "0.875rem",
-                  sm: "0.875rem",
-                  md: "1.1rem",
-                }
+                  xs: "0.65rem",
+                  sm: "0.65rem",
+                  md: "0.75rem",
+                },
               }}>
                 {collection_name}
               </Typography>
               <Typography variant="body2" sx={{
                 fontWeight: "400", fontSize: {
-                  xs: "0.875rem",
-                  sm: "0.875rem",
-                  md: "1.1rem",
-                }
+                  xs: "0.73rem",
+                  sm: "0.73rem",
+                  md: "0.875rem",
+                },
               }}>
                 {title}
               </Typography>
               <Typography variant="body2" sx={{
                 fontWeight: "100", fontSize: {
-                  xs: "0.875rem",
-                  sm: "0.875rem",
-                  md: "1.1rem",
-                }
+                  xs: "0.73rem",
+                  sm: "0.73rem",
+                  md: "0.875rem",
+                },
               }}>
                 {`${minPriceCurrency} ${parseFloat(minPrice).toFixed(2)}`}
               </Typography>

src/components/ProductSuggestion/ProductSuggestion.jsx

@@ -93,9 +93,9 @@ const ProductSuggestion = () => {
               sx={{
                 fontWeight: "100",
                 fontSize: {
-                  xs: "0.875rem",
-                  sm: "0.875rem",
-                  md: "1.1rem",
+                  xs: "0.65rem",
+                  sm: "0.65rem",
+                  md: "0.75rem",
                 },
               }}
             >
@@ -106,9 +106,9 @@ const ProductSuggestion = () => {
               sx={{
                 fontWeight: "400",
                 fontSize: {
-                  xs: "0.875rem",
-                  sm: "0.875rem",
-                  md: "1.1rem",
+                  xs: "0.73rem",
+                  sm: "0.73rem",
+                  md: "0.875rem",
                 },
               }}
             >
@@ -119,9 +119,9 @@ const ProductSuggestion = () => {
               sx={{
                 fontWeight: "100",
                 fontSize: {
-                  xs: "0.875rem",
-                  sm: "0.875rem",
-                  md: "1.1rem",
+                  xs: "0.73rem",
+                  sm: "0.73rem",
+                  md: "0.875rem",
                 },
               }}
             >

src/components/SideCart/SideCart.jsx

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