diff --git a/src/styles/ux-variables.scss b/src/styles/ux-variables.scss
index e0db0d3e..df5fbbac 100644
--- a/src/styles/ux-variables.scss
+++ b/src/styles/ux-variables.scss
@@ -117,10 +117,11 @@ $theme-colors: (
 $body-color: $gray-600;
 
 //Fonts
+$font-family-sans-serif: "UrbanistRegular", Roboto, Arial, sans-serif;
 $font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
     monospace;
 // stylelint-enable value-keyword-case
-$font-family-base:  UrbanistRegular, Roboto, Arial, sans-serif;
+$font-family-base:  $font-family-sans-serif;
 $font-family-code: $font-family-monospace;
 $font-size-base: 1rem; // Assumes the browser default, typically `16px`