change description font size

src/components/ProductList/ProductList.jsx

               NEW
             </Button>}
 
-            <Box sx={{ pb: 5, pt: 3, width: "80%" }}>
-              <Typography variant="body1" sx={{ fontWeight: "400", mb: 1 }}>
+            <Box sx={{ pb: 1, pt: 1, width: "90%" }}>
+              <Typography variant="body2" sx={{ fontWeight: "400" }}>
                 {collection_name}
               </Typography>
-              <Typography variant="body2" sx={{ fontWeight: "bolder", mb: 1 }}>
+              <Typography variant="body2" sx={{ fontWeight: "bolder"}}>
                 {title}
               </Typography>
-              <Typography variant="body1" sx={{ fontWeight: "400" }}>
+              <Typography variant="body2" sx={{ fontWeight: "400" }}>
                 {`${minPriceCurrency} ${parseFloat(minPrice).toFixed(2)}`}
               </Typography>
-              <Typography variant="body1" sx={{ mt: 2 }}>
+              <Typography variant="body2" sx={{ mt: 2 }}>
                 {extra_desc}
               </Typography>
             </Box>