diff --git a/src/renderer/styles/index.scss b/src/renderer/styles/index.scss
index 3077c05f..58aa3e19 100644
--- a/src/renderer/styles/index.scss
+++ b/src/renderer/styles/index.scss
@@ -28,7 +28,7 @@ html[app-theme=light]:root, :root {
 
 html {
   outline: none;
-  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
+  font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
 }
 
 ::selection {