From 817601e834ac01d53d26ce123c1db513cea3ac56 Mon Sep 17 00:00:00 2001
From: Sadiq <2000.sadic@gmail.com>
Date: Wed, 18 Mar 2026 19:46:05 +0300
Subject: [PATCH] fix: add system-ui fallback to --font-sans CSS variable

---
 apps/web/app/layout.tsx             | 2 +-
 apps/web/components/PageWrapper.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)
diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
index 3b2b77063a5f26..5513c55f430b8b 100644
--- a/apps/web/app/layout.tsx
+++ b/apps/web/app/layout.tsx
@@ -116,7 +116,7 @@ export default async function RootLayout({ children }: { children: React.ReactNo
       <head nonce={nonce}>
         <style>{`
           :root {
-            --font-sans: ${interFont.style.fontFamily.replace(/\'/g, "")};
+            --font-sans: ${interFont.style.fontFamily.replace(/\'/g, "")}, system-ui;
             --font-cal: ${calFont.style.fontFamily.replace(/\'/g, "")};
           }
         `}</style>
diff --git a/apps/web/components/PageWrapper.tsx b/apps/web/components/PageWrapper.tsx
index a80b5347a35100..35f7e0ea23d4e4 100644
--- a/apps/web/components/PageWrapper.tsx
+++ b/apps/web/components/PageWrapper.tsx
@@ -90,7 +90,7 @@ function PageWrapper(props: AppProps) {
 
       <style jsx global>{`
         :root {
-          --font-sans: ${interFont.style.fontFamily};
+          --font-sans: ${interFont.style.fontFamily}, system-ui;
           --font-cal: ${calFont.style.fontFamily};
         }
       `}</style>
