ok

src/pages/MaterialList.js

@@ -325,7 +325,6 @@ const MaterialList = ({ cafeId, handleClose }) => {
                 )}
                 <div style={styles.cardContent}>
                   <h3 style={styles.cardTitle}>{currentMaterial.name}</h3>
-                  <p>{currentMaterial.unit}</p>
                 </div>
                 <div style={styles.buttonContainer}>
                   <button
@@ -542,10 +541,10 @@ const styles = {
     marginBottom: "5px",
   },
   image: {
-    width: "250px",
-    height: "150px",
+    width: "100px",
+    height: "100px",
+    borderRadius: '50%',
     objectFit: "contain",
-    borderRadius: "8px",
     marginBottom: "10px",
   },
   error: {