diff --git a/src/App.jsx b/src/App.jsx
index 5f9e6c1d..b13b34d8 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -579,25 +579,41 @@ export default function App() {
               </Card>
             );
           })}
-          <Card
-            className="p-4 rounded-xl border border-gray-200 dark:border-gray-700 shadow-md bg-white dark:bg-gray-800 hover:shadow-lg transition"
-          >
+          <Card className="p-4 rounded-xl border border-gray-200 dark:border-gray-700 shadow-md bg-white dark:bg-gray-800">
             <div className="flex justify-between items-center mb-4">
               <Title className="text-base">Payments</Title>
               <HandCoins className="w-6 h-6" />
             </div>
 
-            <Text className="text-3xl font-bold mb-1">{move_cash}</Text>
-            <Text className="text-xs text-gray-500 mb-3">To validate</Text>
+            <div className="grid grid-rows-2 gap-3">
 
-            <div className="w-full h-1 bg-gray-200 dark:bg-gray-600 mb-4"></div>
-            
-            <Text className="text-3xl font-bold mb-1">{move_cash}</Text>
-            <Text className="text-xs text-gray-500 mb-3">Posted</Text>
+              {/* TO VALIDATE */}
+              <button
+                onClick={() => openInTryton("account.move", undefined, ["tree","form"], [["state","=","draft"]])}
+                className="group rounded-lg border border-gray-200 dark:border-gray-600 p-4 flex flex-col items-center justify-center hover:bg-teal-50 dark:hover:bg-gray-700 transition"
+              >
+                <span className="text-4xl font-extrabold text-gray-900 dark:text-white">
+                  {move_cash_to_validate}
+                </span>
+                <span className="mt-1 text-sm font-bold uppercase tracking-wide text-teal-600">
+                  To validate
+                </span>
+              </button>
 
-            {/* <button onClick={() => openInTryton("account.move", undefined, ['tree','form'],[['journal', '=', 3]])} className="mt-4 text-xs text-teal-600 underline">
-              View details
-            </button> */}
+              {/* POSTED */}
+              <button
+                onClick={() => openInTryton("account.move", undefined, ["tree","form"], [["state","=","posted"]])}
+                className="group rounded-lg border border-gray-200 dark:border-gray-600 p-4 flex flex-col items-center justify-center hover:bg-indigo-50 dark:hover:bg-gray-700 transition"
+              >
+                <span className="text-4xl font-extrabold text-gray-900 dark:text-white">
+                  {move_cash_posted}
+                </span>
+                <span className="mt-1 text-sm font-bold uppercase tracking-wide text-indigo-600">
+                  Posted
+                </span>
+              </button>
+
+            </div>
           </Card>
         </div>
       </main>