diff --git a/src/pages/SpeedFlowchartPage.tsx b/src/pages/SpeedFlowchartPage.tsx
index 2c9243e..131ae59 100644
--- a/src/pages/SpeedFlowchartPage.tsx
+++ b/src/pages/SpeedFlowchartPage.tsx
@@ -43,9 +43,18 @@ export default function SpeedFlowchartPage() {
 
   return (
     <>
-      <Grid container spacing={2}>
+      <Grid
+        container
+        spacing={2}
+        direction={{ xs: 'column-reverse', md: 'row' }}
+      >
         {flowchartResult?.rounds.map((round, roundKey) => (
-          <Grid key={`flowchart-column-${roundKey}`} item xs={12 / 5}>
+          <Grid
+            key={`flowchart-column-${roundKey}`}
+            item
+            xs={12}
+            md={12 / flowchartResult.rounds.length}
+          >
             <h3>{round.roundName}</h3>
             <Grid container spacing={2}>
               {round.pairs.map((pair, pairKey) => (