diff --git a/frontend/src/components/Products.js b/frontend/src/components/Products.js
index 058147f..0d02b15 100644
--- a/frontend/src/components/Products.js
+++ b/frontend/src/components/Products.js
@@ -6,7 +6,7 @@ import { ProductCard } from "./ProductCard";
 function Products({ machineName, products, onSelect }) {
     const productItems = products.map((product) => {
         return (
-            <Grid md={6} key={product.id}>
+            <Grid md={6} key={product.id} sx={{ display: "flex" }}>
                 <ProductCard product={product} />
             </Grid>
         );