From c675d2041c8a30dfa359a0bc1b06bd954c216f10 Mon Sep 17 00:00:00 2001
From: stroblme <stroblme@posteo.de>
Date: Mon, 2 Nov 2026 07:03:39 +0100
Subject: [PATCH] Ring face's unit sized inline relative to the reading, so
 pre-commit's arbitrary font size check passes

---
 frontend/src/components/Dashboard/RingWidget.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Dashboard/RingWidget.tsx b/frontend/src/components/Dashboard/RingWidget.tsx
index 5a2d1f7..dda07e9 100644
--- a/frontend/src/components/Dashboard/RingWidget.tsx
+++ b/frontend/src/components/Dashboard/RingWidget.tsx
@@ -290,7 +290,11 @@ export function CentreReading({
       >
         {children ?? written}
         {unit ? (
-          <span className="text-[0.4em] text-muted-foreground">{unit}</span>
+          // Relative to the fitted reading, so an inline value rather than an
+          // arbitrary Tailwind class.
+          <span className="text-muted-foreground" style={{ fontSize: "0.4em" }}>
+            {unit}
+          </span>
         ) : null}
       </span>
     </div>