From ec5b9a3733a1a97f5c7984f29dd524c9946f2aa7 Mon Sep 17 00:00:00 2001
From: Christian Vidal Wolf <christianvidalwolf@gmail.com>
Date: Wed, 28 Jan 2026 11:22:21 +0100
Subject: [PATCH] Fix syntax in VendorStockBadge and robust styling for
 visibility

---
 components/VendorStockBadge.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/VendorStockBadge.tsx b/components/VendorStockBadge.tsx
index 0f3d20f..7a6cecc 100644
--- a/components/VendorStockBadge.tsx
+++ b/components/VendorStockBadge.tsx
@@ -37,7 +37,7 @@ export const VendorStockBadge: React.FC<VendorStockBadgeProps> = ({ asin, vendor
     const themeClasses = "bg-slate-200 text-slate-800 border-slate-300 shadow-sm";
 
     return (
-        <div className="flex flex-col items-center gap-0.5">
+        <div className="flex flex-col items-center gap-1.5 min-h-[30px] justify-center">
             <div
                 className={`inline-flex items-center gap-1 px-2 py-0.5 rounded border text-[10px] font-bold transition-all hover:scale-105 active:scale-95 cursor-default ${themeClasses}`}
                 title={`Stock en Amazon Warehouse (${mode.toUpperCase()}): ${stock}`}
@@ -76,9 +76,9 @@ export const VendorStockBadge: React.FC<VendorStockBadgeProps> = ({ asin, vendor
                     <span>{stock.toLocaleString('de-DE')}</span>
                 </div>
             </div>
-            <div className={`text-[9px] font-black uppercase tracking-tighter ${wocColor}`}>
+            <span className={`text-[10px] font-black uppercase tracking-tight whitespace-nowrap ${wocColor}`}>
                 {wocText}
-            </div>
+            </span>
         </div>
     );
 };