From 23e8cc0a01cae38cc2d727d9dd11d29fbf1a87b0 Mon Sep 17 00:00:00 2001
From: Linus Rath <139418639+rathlinus@users.noreply.github.com>
Date: Fri, 30 Oct 2026 01:02:44 +0100
Subject: [PATCH] fix: size the accessibility preset preview text in rem

---
 components/settings/accessibility-preset-preview.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/settings/accessibility-preset-preview.tsx b/components/settings/accessibility-preset-preview.tsx
index 2e63f2964..8fa1bee35 100644
--- a/components/settings/accessibility-preset-preview.tsx
+++ b/components/settings/accessibility-preset-preview.tsx
@@ -63,7 +63,7 @@ function LowVisionPreview() {
   // Big, high-contrast text, a thick focus outline, an underlined link, a big pointer.
   return (
     <Frame className="flex-col gap-1.5 p-1.5">
-      <span className="text-[20px] leading-none font-bold text-foreground">Aa</span>
+      <span className="text-[1.25rem] leading-none font-bold text-foreground">Aa</span>
       <span className="flex items-center gap-1.5 rounded-sm px-1 py-1 outline outline-[2.5px] outline-primary">
         <Avatar size={10} />
         <Bar width={40} strong className="h-[4px]" />
@@ -83,7 +83,7 @@ function DyslexiaPreview() {
     <Frame className="justify-center">
       <span className="flex flex-col gap-[6px] w-[64px] py-1.5">
         <span
-          className="text-[14px] leading-none text-foreground tracking-[0.12em]"
+          className="text-[0.875rem] leading-none text-foreground tracking-[0.12em]"
           style={{ fontFamily: '"Atkinson Hyperlegible Next", sans-serif' }}
         >
           Abc