diff --git a/frontend/src/components/mahjong/Controls.tsx b/frontend/src/components/mahjong/Controls.tsx
index 70dbe8d..ff55700 100644
--- a/frontend/src/components/mahjong/Controls.tsx
+++ b/frontend/src/components/mahjong/Controls.tsx
@@ -22,7 +22,7 @@ export function Controls({
   return (
     <div className={cn(styles.controlsRoot, 'font-game', className)}>
       {platesLeading && <PlatesGroup plates={platesLeading} />}
-      {platesMiddle && <PlatesGroup plates={platesMiddle} className="grow justify-center" />}
+      {platesMiddle && <PlatesGroup plates={platesMiddle} className="grow" />}
       {platesTrailing && <PlatesGroup plates={platesTrailing} />}
     </div>
   )
diff --git a/frontend/src/components/mahjong/Mahjong.module.scss b/frontend/src/components/mahjong/Mahjong.module.scss
index f9ba4ad..76e4373 100644
--- a/frontend/src/components/mahjong/Mahjong.module.scss
+++ b/frontend/src/components/mahjong/Mahjong.module.scss
@@ -145,7 +145,7 @@ $z-back: 0;
 .platesGroup {
   display: flex;
   align-items: flex-start;
-  justify-content: space-between;
+  justify-content: center;
   gap: 12px;
 }