From a8efb34d63f1c93d9fed70905aaef962cb667213 Mon Sep 17 00:00:00 2001
From: adilallo <39313955+adilallo@users.noreply.github.com>
Date: Fri, 22 Aug 2025 17:01:05 -0600
Subject: [PATCH] Update SectionNumber.js

---
 app/components/SectionNumber.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/SectionNumber.js b/app/components/SectionNumber.js
index cee6814..14d5f4d 100644
--- a/app/components/SectionNumber.js
+++ b/app/components/SectionNumber.js
@@ -15,14 +15,14 @@ const SectionNumber = ({ number }) => {
   };
 
   return (
-    <div className="relative size-[var(--spacing-scale-040)] overflow-visible -rotate-[15deg]">
+    <div className="relative size-[40px] overflow-visible -rotate-[15deg]">
       <img
         src={getImageSrc(number)}
         alt={`Section ${number}`}
         className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 size-[47.37px] max-w-none"
       />
       <div className="absolute inset-0 flex items-center justify-center">
-        <span className="text-small-label font-bold text-[var(--color-content-inverse-primary)]">
+        <span className="text-[var(--font-size-body-small)] font-[var(--font-weight-bold)] text-[var(--color-content-inverse-primary)]">
           {number}
         </span>
       </div>