diff --git a/packages/tadviewer/less/tadviewer.less b/packages/tadviewer/less/tadviewer.less
index dffd068..b538de2 100644
--- a/packages/tadviewer/less/tadviewer.less
+++ b/packages/tadviewer/less/tadviewer.less
@@ -5,10 +5,10 @@
 @import "~@blueprintjs/popover2/lib/css/blueprint-popover2.css";
 
 .tad-app-pane {
+  font-family: var(--tad-font, "Helvetica Neue", Helvetica, Arial, sans-serif);
+  font-size: var(--tad-font-size, 8px);
   margin: 0;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 400;
-  font-size: 8pt;
   height: 100%;
   overflow: hidden;
 }