diff --git a/frontend/public/style/_vars.scss b/frontend/public/style/_vars.scss
index 92a932211b2..6c60674b887 100644
--- a/frontend/public/style/_vars.scss
+++ b/frontend/public/style/_vars.scss
@@ -67,6 +67,8 @@ $color-pf-black: black;
 $text-muted: $color-grey-text;
 // Patternfly defaults to 12px, which is too small in many cases
 $font-size-base: 13px;
+// Patternfly uses Open Sans. Use the one true font-family directive shared by Medium, GitHub, Wordpress, Bootstrap, etc. See: https://bitsofco.de/the-new-system-font-stack/
+$font-family-base: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Cantarell, "Helvetica Neue", sans-serif;
 // Patternfly defaults to 40px, which leaves a lot more whitespace than we're used to
 $grid-gutter-width: 30px;
 
diff --git a/frontend/public/vendor.scss b/frontend/public/vendor.scss
index 332ee9c3df5..5839ed9fdd1 100644
--- a/frontend/public/vendor.scss
+++ b/frontend/public/vendor.scss
@@ -9,7 +9,6 @@
 @import "~bootstrap-sass/assets/stylesheets/bootstrap/variables";
 @import "~bootstrap-sass/assets/stylesheets/bootstrap/mixins";
 @import '~patternfly/dist/sass/patternfly/bootstrap-mixin-overrides';
-@import '~patternfly/dist/sass/patternfly/fonts';
 @import "~bootstrap-sass/assets/stylesheets/bootstrap/normalize";
 @import "~bootstrap-sass/assets/stylesheets/bootstrap/scaffolding";
 @import "~bootstrap-sass/assets/stylesheets/bootstrap/type";  // Including this file breaks sourcemaps