diff --git a/frontend/pages/riichi/chap5.html b/frontend/pages/riichi/chap5.html
index 56a646b..0f6cf73 100644
--- a/frontend/pages/riichi/chap5.html
+++ b/frontend/pages/riichi/chap5.html
@@ -140,8 +140,8 @@
     #discard-0 {
       position: absolute;
       transform: translate(-50%, 50%);
-      bottom: 25%;
-      left: 50%;
+      bottom: 16%;
+      left: 48%;
       display: block;
       width: 250px;
       height: auto;
@@ -151,8 +151,8 @@
     #discard-1 {
       position: absolute;
       transform: translate(-50%, -400%) rotate(-90deg) translate(0%, 450%);
-      bottom: -25%;
-      left: 50%;
+      bottom: 25%;
+      left: 58%;
       display: block;
       width: 250px;
       height: auto;
@@ -162,8 +162,8 @@
     #discard-2 {
       position: absolute;
       transform: translate(-50%, -400%) rotate(180deg) translate(0%, 450%);
-      bottom: -25%;
-      left: 50%;
+      bottom: 35%;
+      left: 50.5%;
       display: block;
       width: 250px;
       height: auto;
@@ -173,8 +173,8 @@
     #discard-3 {
       position: absolute;
       transform: translate(-50%, -400%) rotate(90deg) translate(0%, 450%);
-      bottom: -25%;
-      left: 50%;
+      bottom: 27.5%;
+      left: 40%;
       display: block;
       width: 250px;
       height: auto;
@@ -189,8 +189,8 @@
     }
 
     .discard-tile svg {
-      height: 50px;
-      width: 35px;
+      height: 65px;
+      width: 48px;
     }
   </style>
 </head>
@@ -336,8 +336,8 @@
             // Calculer la position en grille (6 tuiles par ligne)
             const row = Math.floor(tileIndex / 6);
             const col = tileIndex % 6;
-            const x = col * 37; // 35px width + 2px gap
-            const y = row * 52; // 50px height + 2px gap
+            const x = col * 50;
+            const y = row * 67;
             
             tileDiv.style.position = 'absolute';
             tileDiv.style.left = x + 'px';