diff --git a/www/apps/api-reference/app/globals.css b/www/apps/api-reference/app/globals.css
index a2b1539920be1..6de28de11507d 100644
--- a/www/apps/api-reference/app/globals.css
+++ b/www/apps/api-reference/app/globals.css
@@ -32,7 +32,8 @@
   }
 
   html {
-    -webkit-font-smoothing: antialiased;
+    @apply antialiased;
+    text-rendering: optimizeLegibility;
   }
 
   body {
diff --git a/www/apps/book/app/globals.css b/www/apps/book/app/globals.css
index 4f4a8320117fa..7f74381658a01 100644
--- a/www/apps/book/app/globals.css
+++ b/www/apps/book/app/globals.css
@@ -5,7 +5,8 @@
 @layer base {
 
   html {
-    -webkit-font-smoothing: antialiased;
+    @apply antialiased;
+    text-rendering: optimizeLegibility;
   }
 
   body {
diff --git a/www/apps/resources/app/globals.css b/www/apps/resources/app/globals.css
index 97686aaf3e93e..e9d0cfafd1dcb 100644
--- a/www/apps/resources/app/globals.css
+++ b/www/apps/resources/app/globals.css
@@ -5,7 +5,8 @@
 @layer base {
 
   html {
-    --webkit-font-smoothing: antialiased;
+    @apply antialiased;
+    text-rendering: optimizeLegibility;
     overscroll-behavior-y: none;
   }
 
diff --git a/www/apps/ui/src/styles/globals.css b/www/apps/ui/src/styles/globals.css
index dfc59ca786772..e7c61e6e84cf0 100644
--- a/www/apps/ui/src/styles/globals.css
+++ b/www/apps/ui/src/styles/globals.css
@@ -4,7 +4,8 @@
 
 @layer base {
   html {
-    -webkit-font-smoothing: antialiased;
+    @apply antialiased;
+    text-rendering: optimizeLegibility;
   }
   .html {
     @apply text-medusa-fg-base;
diff --git a/www/apps/user-guide/app/globals.css b/www/apps/user-guide/app/globals.css
index abdd9847fb297..82a8edcec364c 100644
--- a/www/apps/user-guide/app/globals.css
+++ b/www/apps/user-guide/app/globals.css
@@ -5,7 +5,8 @@
 @layer base {
 
   html {
-    -webkit-font-smoothing: antialiased;
+    @apply antialiased;
+    text-rendering: optimizeLegibility;
   }
 
   body {