diff --git a/assets/js/elements/product.js b/assets/js/elements/product.js
index 113ce3c..44bc57c 100644
--- a/assets/js/elements/product.js
+++ b/assets/js/elements/product.js
@@ -3,8 +3,8 @@ import { numberToEuroFormat } from "../utils.js";
 export function Product(data) {
     return `
     <tr>
-        <td class="text-start">
-            <img class="rounded img-fluid" style="height: 100px;" src="${data.image ?? data.default_image}">
+        <td class="text-start align-middle">
+            <img class="rounded img-fluid" style="aspect-ratio: 2/1; object-fit: cover; height: 100px;" src="${data.image ?? data.default_image}">
         </td>
         <td class="text-start">
             <span class="fs-5">
@@ -14,7 +14,7 @@ export function Product(data) {
             <small class="text-success">sofort verfügbar</small>
             <br>
             <input type="number" min="1" max="100" class="form-control select-quantity" data-id="${data.id}" style="width:125px;" value="${data.quantity}">
-            <button data-id="${data.id}" class="btn-remove-product text-muted small text-decoration-none" style="padding: 0; border: none; background: transparen;">Löschen</button>
+            <button data-id="${data.id}" class="btn-remove-product text-muted small text-decoration-none" style="padding: 0; border: none; background: transparent;">Löschen</button>
         </td>
         <td class="align-middle text-end product-price">
             <span>${numberToEuroFormat(data.calc_preis)}</span>