diff --git a/components/settings/agent-section.tsx b/components/settings/agent-section.tsx
index 8b5b9df..f08bd45 100644
--- a/components/settings/agent-section.tsx
+++ b/components/settings/agent-section.tsx
@@ -798,12 +798,12 @@ export function AgentSection({
 							label={t("Quizzing")}
 							hint={t("How both tutors check your understanding")}
 							testid="quiz-mechanics-row"
-							className="flex-wrap gap-y-2"
+							className="flex-wrap gap-y-2 [&>span]:flex-[1_1_12rem]"
 						>
 							<div
 								role="radiogroup"
 								aria-label={t("Quizzing mechanics")}
-								className="ml-auto flex max-w-full shrink-0 rounded-lg border border-border/60 bg-muted/30 p-0.5"
+								className="flex max-w-full shrink-0 rounded-lg border border-border/60 bg-muted/30 p-0.5"
 								>
 								{(["choice", "free"] as const).map((m) => {
 									const active = m === "free" ? free : !free;