From d0d0d5ff133c70e8c6899343124480d19c0d0609 Mon Sep 17 00:00:00 2001
From: Matt <mattskent@gmail.com>
Date: Tue, 24 Dec 2024 11:43:29 -0500
Subject: [PATCH] Limit height of product images

---
 dashboard/src/components/dashboard/ProductGrid.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/components/dashboard/ProductGrid.jsx b/dashboard/src/components/dashboard/ProductGrid.jsx
index 39f2946..a406dee 100644
--- a/dashboard/src/components/dashboard/ProductGrid.jsx
+++ b/dashboard/src/components/dashboard/ProductGrid.jsx
@@ -252,7 +252,7 @@ const ProductGrid = ({
                 <table className="w-full">
                   <thead>
                     <tr className="hover:bg-transparent">
-                      <th className="p-1 text-left font-medium sticky top-0 bg-white dark:bg-background z-10 w-[50px] min-w-[35px] border-b" />
+                      <th className="p-1 text-left font-medium sticky top-0 bg-white dark:bg-background z-10 h-[50px] min-h-[50px] w-[50px] min-w-[35px] border-b" />
                       <th className="p-1 text-left font-medium sticky top-0 bg-white dark:bg-background z-10 border-b">
                         <Button
                           variant={sorting.column === "name" ? "default" : "ghost"}
@@ -304,7 +304,7 @@ const ProductGrid = ({
                               alt=""
                               width={50}
                               height={50}
-                              className="rounded bg-muted"
+                              className="rounded bg-muted w-[50px] h-[50px] object-contain"
                               onError={(e) => (e.target.style.display = "none")}
                             />
                           )}