diff --git a/src/renderer/components/fonts.scss b/src/renderer/components/fonts.scss
index 5764463946..fc594561d8 100644
--- a/src/renderer/components/fonts.scss
+++ b/src/renderer/components/fonts.scss
@@ -4,8 +4,7 @@
  */
 
 // Custom fonts
-@import "~typeface-roboto";
-@import "./mixins";
+@import "~typeface-roboto/index.css";
 
 // Material Design Icons, used primarily in icon.tsx
 // Latest: https://github.com/google/material-design-icons/tree/master/font
diff --git a/src/renderer/components/mixins.scss b/src/renderer/components/mixins.scss
index e8d593996a..dd62568219 100755
--- a/src/renderer/components/mixins.scss
+++ b/src/renderer/components/mixins.scss
@@ -62,7 +62,7 @@
 
 // Makes custom @font-family available at earlier stages.
 // Element must exist in DOM as soon as possible to initiate preloading.
-@mixin font-preload($fontFamily: "RobotoMono") {
+@mixin font-preload($fontFamily) {
   position: absolute;
   visibility: hidden;
   height: 0;