diff --git a/app/assets/stylesheets/common/base/login.scss b/app/assets/stylesheets/common/base/login.scss
index a300760869e..4886bcdf398 100644
--- a/app/assets/stylesheets/common/base/login.scss
+++ b/app/assets/stylesheets/common/base/login.scss
@@ -1,6 +1,5 @@
 body.invite-page {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    Oxygen-Sans, Ubuntu, Cantarell, Arial, sans-serif;
+  font-family: system-ui, Arial, sans-serif;
 
   #main-outlet-wrapper {
     padding: 0;
diff --git a/app/assets/stylesheets/wizard.scss b/app/assets/stylesheets/wizard.scss
index bedbe72cdc9..d9b687fe7cd 100644
--- a/app/assets/stylesheets/wizard.scss
+++ b/app/assets/stylesheets/wizard.scss
@@ -22,8 +22,7 @@ body.wizard {
   background-repeat: no-repeat;
   background-position: bottom;
   color: var(--primary-very-high);
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    Oxygen-Sans, Ubuntu, Cantarell, Arial, sans-serif;
+  font-family: system-ui, Arial, sans-serif;
 
   .wrap {
     max-width: 100%;