diff --git a/src/10th/Roster.jsx b/src/10th/Roster.jsx index de48012..8b79696 100644 --- a/src/10th/Roster.jsx +++ b/src/10th/Roster.jsx @@ -596,12 +596,20 @@ const Rules = ({ rules }) => { gap: 3, borderBottom: "1px dotted #9e9fa1", lineHeight: 1.3, + display: "flex", + flexWrap: "wrap", }} > RULES: - - {[...rules.keys()].map((rule) => rule).join(", ")} - + {[...rules.keys()].map((rule, index) => ( + + {rule} + {index < rules.size - 1 ? ", " : ""} + + ))} ); }; diff --git a/src/App.jsx b/src/App.jsx index d411870..172cf0b 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -139,7 +139,16 @@ function App() { }} >