diff --git a/src/App.jsx b/src/App.jsx
index 114cf69e..b8b702d2 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -251,7 +251,6 @@ export default function App() {
   const total_p = purchaseData.reduce((sum, item) => sum + Number(item.count), 0);
   const total_s = saleData.reduce((sum, item) => sum + Number(item.count), 0);
   const total_sh = shipmentData.reduce((sum, item) => sum + Number(item.count), 0);
-  const total_l = lotData.reduce((sum, item) => sum + Number(item.count), 0);
 
   return (
     <div className="flex min-h-screen bg-gray-50 dark:bg-gray-900 p-6">
@@ -433,7 +432,7 @@ export default function App() {
               <Title className="text-base">Lots</Title>
               <Package className="w-6 h-6" />
             </div>
-            <Text className="text-3xl font-bold mb-1">{total_l}</Text>
+            <Text className="text-3xl font-bold mb-1">{lot_al}</Text>
             <Text className="text-xs text-gray-500 mb-4">Across all statuses</Text>
 
             <div className="w-full h-1 bg-gray-200 dark:bg-gray-600 mb-4"></div>
@@ -444,7 +443,7 @@ export default function App() {
                   key={i}
                   className={`${item.color} h-3`}
                   style={{
-                    width: `${(item.count / total_l) * 100}%`,
+                    width: `${(item.count / lot_al) * 100}%`,
                     marginRight: i < lotData.length - 1 ? "2px" : "0",
                   }}
                 ></div>
@@ -461,7 +460,7 @@ export default function App() {
                   <span className={`w-3 h-3 rounded ${item.color}`}></span>
                   <span className="flex-1">{item.status}</span>
                   <span className="text-gray-500">
-                    ({item.count} / {((item.count / total_l) * 100).toFixed(1)}%)
+                    ({item.count} / {((item.count / lot_al) * 100).toFixed(1)}%)
                   </span>
                 </div>
               ))}