Fix syntax in VendorStockBadge and robust styling for visibility

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>
     );
 };