diff --git a/hyperglass/configuration/__init__.py b/hyperglass/configuration/__init__.py
index 9cfe9fe..5bccf30 100644
--- a/hyperglass/configuration/__init__.py
+++ b/hyperglass/configuration/__init__.py
@@ -455,6 +455,9 @@ def params():
     branding["font"]["mono"]["url"] = config["branding"]["font"]["mono"].get(
         "url", "https://fonts.googleapis.com/css?family=Fira+Mono"
     )
+    branding["font"]["mono"]["size"] = config["branding"]["font"]["mono"].get(
+        "size", "0.95em"
+    )
     params_dict = dict(
         general=general, branding=branding, features=features, messages=messages
     )
diff --git a/hyperglass/render/templates/hyperglass.scss b/hyperglass/render/templates/hyperglass.scss
index 002f3c4..74c662e 100644
--- a/hyperglass/render/templates/hyperglass.scss
+++ b/hyperglass/render/templates/hyperglass.scss
@@ -7,6 +7,8 @@
 $family-sans-serif: "{{ branding["font"]["primary"]["name"] }}", sans-serif;
 $family-monospace: "{{ branding["font"]["mono"]["name"] }}", monospace;
 
+$code-size: {{ branding["font"]["mono"]["size"] }};
+
 /* Color Changes */
 $body-background-color: {{ branding["color"]["background"] }};
 $footer-background-color: transparent;
diff --git a/hyperglass/static/sass/custom/custom_elements.sass b/hyperglass/static/sass/custom/custom_elements.sass
index 7f6c193..3a2791f 100644
--- a/hyperglass/static/sass/custom/custom_elements.sass
+++ b/hyperglass/static/sass/custom/custom_elements.sass
@@ -81,7 +81,8 @@ a.navbar-item:hover
 
 .query-output
   font-family: $family-monospace
-  font-size: 0.95em
+  font-size: $code-size
+  color: $dark !important
   width: 100%
   -webkit-overflow-scrolling: touch
   overflow-x: auto