From 7240c9998ce85b95316e10e0003f06bbb4e62f2d Mon Sep 17 00:00:00 2001
From: Christian Vidal Wolf <christianvidalwolf@gmail.com>
Date: Wed, 11 Mar 2026 13:00:19 +0100
Subject: [PATCH] style: fix mkt tab columns visibility by wrapping product
 names

---
 components/mkt/MasterTable.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/mkt/MasterTable.tsx b/components/mkt/MasterTable.tsx
index c6f2eec..13bb6dd 100644
--- a/components/mkt/MasterTable.tsx
+++ b/components/mkt/MasterTable.tsx
@@ -171,8 +171,8 @@ export const MasterTable: React.FC<MasterTableProps> = ({ products, includeCOGS,
                   className="hover:bg-[#1A1E2A] transition-colors cursor-pointer group"
                   onClick={() => onProductClick(product)}
                 >
-                  <td className="px-6 py-4">
-                    <div className="font-medium text-slate-200 group-hover:text-indigo-400 transition-colors">{product.name}</div>
+                  <td className="px-6 py-4 whitespace-normal min-w-[250px] max-w-[300px]">
+                    <div className="font-medium text-slate-200 group-hover:text-indigo-400 transition-colors line-clamp-2" title={product.name}>{product.name}</div>
                     <div className="text-xs text-slate-500 font-mono mt-0.5">{product.sku} | {product.asin}</div>
                   </td>
                   <td className="px-6 py-4 text-right">