diff --git a/frontend/pages/riichi/chap5.html b/frontend/pages/riichi/chap5.html
index e9dd59a..0060163 100644
--- a/frontend/pages/riichi/chap5.html
+++ b/frontend/pages/riichi/chap5.html
@@ -299,12 +299,13 @@
 
     #call-panel {
       position: absolute;
-      bottom: -57%;
-      left: 61%;
-      transform: translateX(-50%);
+      transform: translate(-50%, 50%);
+      bottom: -3%;
+      left: 78%;
       display: none;
       gap: 10px;
       z-index: 100;
+      white-space: nowrap;
     }
 
     .call-button {
@@ -384,18 +385,17 @@
       <div id="hand-3"></div>
       <div id="discard-3"></div>
       <div id="turn-indicator-3" class="turn-indicator"></div>
+      <div id="call-panel">
+        <button id="pon-button" class="call-button">Pon</button>
+        <button id="chii-button" class="call-button" style="display: none;">Chii</button>
+        <button id="kan-button" class="call-button" style="display: none;">Kan</button>
+        <button id="tsumo-button" class="call-button" style="display: none;">Tsumo</button>
+        <button id="ron-button" class="call-button" style="display: none;">Ron</button>
+        <button id="skip-button" class="call-button">Skip</button>
+      </div>
     </div>
   </div>
 
-  <div id="call-panel">
-    <button id="pon-button" class="call-button">Pon</button>
-    <button id="chii-button" class="call-button" style="display: none;">Chii</button>
-    <button id="kan-button" class="call-button" style="display: none;">Kan</button>
-    <button id="tsumo-button" class="call-button" style="display: none;">Tsumo</button>
-    <button id="ron-button" class="call-button" style="display: none;">Ron</button>
-    <button id="skip-button" class="call-button">Skip</button>
-  </div>
-
   <script src="/frontend/js/fr/texts.js"></script>
   <script src="/frontend/js/tile.js"></script>
   <script type="module">