diff --git a/app/routes/to/$organization.$tournament/index.tsx b/app/routes/to/$organization.$tournament/index.tsx
index 0199694f8..b6c369276 100644
--- a/app/routes/to/$organization.$tournament/index.tsx
+++ b/app/routes/to/$organization.$tournament/index.tsx
@@ -5,6 +5,5 @@ export default function DefaultTab() {
   const [, parentRoute] = useMatches();
   const { description } = parentRoute.data as FindTournamentByNameForUrlI;
 
-  // TODO: margin on mobile
-  return <article style={{ whiteSpace: "pre-line" }}>{description}</article>;
+  return <article>{description}</article>;
 }
diff --git a/app/styles/global.css b/app/styles/global.css
index 3b469a6bb..27215e316 100644
--- a/app/styles/global.css
+++ b/app/styles/global.css
@@ -196,6 +196,11 @@ fieldset {
   all: inherit;
 }
 
+article {
+  padding-inline: var(--s-3);
+  white-space: pre-line;
+}
+
 /* TODO: bug: white on white on Edge */
 select {
   all: unset;