diff --git a/web/src/views/BinsView.tsx b/web/src/views/BinsView.tsx
index b715af0..d1bd056 100644
--- a/web/src/views/BinsView.tsx
+++ b/web/src/views/BinsView.tsx
@@ -74,7 +74,14 @@ export function BinsView({
       >
         {data.bins.map((bin) => {
           const items = data.products.filter((p) => p.binId === bin.id && p.status === "active");
-          const fillPct = items.length / bin.capacity;
+          // Discrete products (pre-rolls, edibles, vapes) take a slot per unit;
+          // bulk products take one slot per jar/container.
+          const slotsUsed = items.reduce(
+            (s, p) =>
+              s + (p.kind === "discrete" ? (p.countLastAudit ?? p.countOriginal) : 1),
+            0,
+          );
+          const fillPct = slotsUsed / bin.capacity;
           const totalValue = items.reduce(
             (s, p) => s + p.price * helpers.pctRemaining(p, TODAY_STR),
             0,
@@ -95,7 +102,7 @@ export function BinsView({
                     {bin.name}
                   </h3>
                   <div style={{ display: "flex", alignItems: "center", gap: 6 }}>
-                    <Pill tone="outline">{items.length} / {bin.capacity}</Pill>
+                    <Pill tone="outline">{slotsUsed} / {bin.capacity}</Pill>
                     <button
                       onClick={() => onEditBin(bin)}
                       title="Edit bin"