diff --git a/frontend/src/components/JobCard.tsx b/frontend/src/components/JobCard.tsx
index 7383eb4..b167f10 100644
--- a/frontend/src/components/JobCard.tsx
+++ b/frontend/src/components/JobCard.tsx
@@ -137,32 +137,33 @@ const JobCard: React.FC<JobCardProps> = ({ job, onEdit, onDelete, onUpdateProduc
             </div>
             <p className="text-gray-400">
               Quantity: {job.outputQuantity.toLocaleString()}
-              {job.status !== 'Planned' && job.status !== 'Closed' && (
-                <span className="ml-4">
-                  Produced: {
-                    isEditingProduced ? (
-                      <Input
-                        type="number"
-                        value={producedValue}
-                        onChange={(e) => setProducedValue(e.target.value)}
-                        onBlur={handleProducedUpdate}
-                        onKeyDown={handleProducedKeyPress}
-                        className="w-24 h-6 px-2 py-1 inline-block bg-gray-800 border-gray-600 text-white"
-                        min="0"
-                        autoFocus
-                      />
-                    ) : (
-                      <span 
-                        onClick={() => setIsEditingProduced(true)}
-                        className="cursor-pointer hover:text-blue-400"
-                        title="Click to edit"
-                      >
-                        {(job.produced || 0).toLocaleString()}
-                      </span>
-                    )
-                  }
-                </span>
-              )}
+              <span className="ml-4">
+                Produced: {
+                  isEditingProduced && job.status !== 'Closed' ? (
+                    <Input
+                      type="number"
+                      value={producedValue}
+                      onChange={(e) => setProducedValue(e.target.value)}
+                      onBlur={handleProducedUpdate}
+                      onKeyDown={handleProducedKeyPress}
+                      className="w-24 h-6 px-2 py-1 inline-block bg-gray-800 border-gray-600 text-white"
+                      min="0"
+                      autoFocus
+                    />
+                  ) : (
+                    <span 
+                      onClick={() => job.status !== 'Closed' && setIsEditingProduced(true)}
+                      className={job.status !== 'Closed' ? "cursor-pointer hover:text-blue-400" : undefined}
+                      title={job.status !== 'Closed' ? "Click to edit" : undefined}
+                    >
+                      {(job.produced || 0).toLocaleString()}
+                    </span>
+                  )
+                }
+              </span>
+              <span className="ml-4">
+                Sold: <span className="text-green-400">{itemsSold.toLocaleString()}</span>
+              </span>
             </p>
           </div>
           <div className="flex gap-2">