Updated Font Smoothing variables to use JS styled variables (#1058)

Signed-off-by: Benjamin Perez <[email protected]>
minio · Oct 26, 2024 · 8714f0f · 8714f0f
1 parent 8bcc99a
commit 8714f0f
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/components/GlobalStyles/index.tsx b/src/components/GlobalStyles/index.tsx
@@ -122,18 +122,18 @@ const GlobalStyles = () => {
       },
       html: {
         boxSizing: "border-box",
-        "-webkit-text-size-adjust": "100%",
-        "-webkit-font-smoothing": "antialiased",
-        "-moz-osx-font-smoothing": "grayscale",
+        WebkitTextSizeAdjust: "100%",
+        WebkitFontSmoothing: "antialiased",
+        MozOsxFontSmoothing: "grayscale",
       },
       body: {
         backgroundColor: theme.colors["Color/Neutral/Bg/colorBgContainer"],
         color: theme.colors["Color/Neutral/Text/colorTextLabel"],
         minHeight: "100vh",
         fontFamily: "'Geist', sans-serif",
         margin: 0,
-        "-webkit-font-smoothing": "antialiased",
-        "-moz-osx-font-smoothing": "grayscale",
+        WebkitFontSmoothing: "antialiased",
+        MozOsxFontSmoothing: "grayscale",
         fonWeight: 400,
         fontSize: 14,
         lineHeight: 1.5,