diff --git a/src/App.jsx b/src/App.jsx
index 3e81d44c..8247bb3a 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -540,23 +540,33 @@ export default function App() {
                     className="flex justify-between items-center p-2 rounded hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"
                     onClick={() => openInTryton("currency.currency", 2, ["form"])}
                   >
-                    <div>
-                      <div className="ml-6">
+                    <div className="ml-6">
+                      {/* LIGNE PRINCIPALE */}
+                      <div className="flex items-center gap-3 text-gray-500">
+
                         {/* PAIRE */}
-                        <div className="text-sm text-gray-600">
+                        <span className="text-sm uppercase tracking-wide text-gray-600">
                           {n.pair}
-                        </div>
+                        </span>
 
                         {/* VALEUR */}
-                        <div className="text-3xl font-bold text-gray-500">
+                        <span className="text-3xl font-bold tabular-nums">
                           {n.value?.toFixed(4)}
-                        </div>
+                        </span>
 
-                        {/* TREND */}
-                        {n.trendValue !== null && (
+                        {/* DATE */}
+                        <span className="text-xs text-gray-400">
+                          {n.date}
+                        </span>
+
+                      </div>
+
+                      {/* BADGE CENTRÉ */}
+                      {n.trendValue !== null && (
+                        <div className="flex justify-center mt-1">
                           <span
                             className={`
-                              inline-block mt-1 px-2 py-0.5 text-xs font-semibold rounded-md border
+                              px-2 py-0.5 text-xs font-semibold rounded-md border
                               ${
                                 n.trendValue >= 0
                                   ? "bg-green-50 text-green-700 border-green-200 dark:bg-green-900/30 dark:text-green-400 dark:border-green-800"
@@ -567,12 +577,9 @@ export default function App() {
                             {n.trendValue >= 0 ? "+" : ""}
                             {n.trendValue.toFixed(2)}%
                           </span>
-                        )}
-                      </div>
-                    </div>
+                        </div>
+                      )}
 
-                    <div className="flex items-center gap-2">
-                      <span className="text-gray-500 text-xs">{n.date}</span>
                     </div>
                   </div>