change product desc font size

src/components/ProductList/ProductList.jsx

             </Button>}
 
             <Box sx={{ pb: 1, pt: 1, width: "90%" }}>
-              <Typography variant="body2" sx={{ fontWeight: "400" }}>
+              <Typography variant="body2" sx={{ fontWeight: "400",fontSize:{
+                xs:"0.875rem",
+                sm:"0.875rem",
+                md:"1rem",
+              } }}>
                 {collection_name}
               </Typography>
-              <Typography variant="body2" sx={{ fontWeight: "bolder"}}>
+              <Typography variant="body2" sx={{ fontWeight: "bolder", fontSize:{
+                xs:"0.875rem",
+                sm:"0.875rem",
+                md:"1rem",
+              }}}>
                 {title}
               </Typography>
-              <Typography variant="body2" sx={{ fontWeight: "400" }}>
+              <Typography variant="body2" sx={{ fontWeight: "400", fontSize:{
+                xs:"0.875rem",
+                sm:"0.875rem",
+                md:"1rem",
+              } }}>
                 {`${minPriceCurrency} ${parseFloat(minPrice).toFixed(2)}`}
               </Typography>
               <Typography variant="body2" sx={{ mt: 2 }}>

src/components/ProductSelected/ProductSelected.jsx

     if (products.length > 0) {
 
       let selectedProducts = products.filter(({ selected }) => selected) || []
-      
+
       //sort
       selectedProducts = selectedProducts.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt));
       setFilterProducts(selectedProducts)
               }}
             />
 
-            <Button 
-              sx={{ 
-                position: "absolute", 
-                top:{
-                  xs:0,
-                  sm:0,
-                  md:10,
+            <Button
+              sx={{
+                position: "absolute",
+                top: {
+                  xs: 0,
+                  sm: 0,
+                  md: 10,
                   lg: 20
-                }, 
+                },
                 left: {
-                  xs:0,
-                  sm:0,
-                  md:10,
+                  xs: 0,
+                  sm: 0,
+                  md: 10,
                   lg: 20
-                }, 
+                },
                 boxShadow: 0,
                 fontSize: 10
-              }} 
+              }}
               variant="contained"
             >
               NEW
             </Button>
 
-            <Box sx={{ 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", fontSize: {
+                  xs: "0.875rem",
+                  sm: "0.875rem",
+                  md: "1rem",
+                }
+              }}>
                 {collection_name}
               </Typography>
-              <Typography variant="h6" sx={{ fontWeight: "bolder", mb: 1 }}>
+              <Typography variant="body2" sx={{
+                fontWeight: "bolder", fontSize: {
+                  xs: "0.875rem",
+                  sm: "0.875rem",
+                  md: "1rem",
+                }
+              }}>
                 {title}
               </Typography>
-              <Typography variant="body1" sx={{ fontWeight: "400" }}>
+              <Typography variant="body2" sx={{
+                fontWeight: "400", fontSize: {
+                  xs: "0.875rem",
+                  sm: "0.875rem",
+                  md: "1rem",
+                }
+              }}>
                 {`${minPriceCurrency} ${parseFloat(minPrice).toFixed(2)}`}
               </Typography>
-              <Typography variant="body1" sx={{ mt: 2 }}>
+              <Typography variant="body2" sx={{ mt: 2 }}>
                 {extra_desc}
               </Typography>
             </Box>