diff --git a/packages/builder/src/components/userInterface/temporaryPanelStructure.js b/packages/builder/src/components/userInterface/temporaryPanelStructure.js
index 9a57c6d638..3c217fe868 100644
--- a/packages/builder/src/components/userInterface/temporaryPanelStructure.js
+++ b/packages/builder/src/components/userInterface/temporaryPanelStructure.js
@@ -354,6 +354,7 @@ export default {
             settings: [
               { label: "Logo URL", key: "logoUrl", control: Input },
               { label: "Title", key: "title", control: Input },
+              { label: "Color", key: "color", control: Input },
               { label: "Background", key: "backgroundColor", control: Input }],
           },
         },
diff --git a/packages/server/src/utilities/builder/index.template.html b/packages/server/src/utilities/builder/index.template.html
index 951ed8fdf4..2f1f7ed87c 100644
--- a/packages/server/src/utilities/builder/index.template.html
+++ b/packages/server/src/utilities/builder/index.template.html
@@ -1,14 +1,17 @@
 <!doctype html>
 <html>
-<head>
-	<meta charset='utf8'>
-	<meta name='viewport' content='width=device-width'>
 
-	<title>{{ title }}</title>
+<head>
+    <meta charset='utf8'>
+    <meta name='viewport' content='width=device-width'>
+
+    <title>{{ title }}</title>
     <link rel='icon' type='image/png' href='{{ favicon }}'>
-    
+
     <style>
-        html, body {
+        html,
+        body {
+            font-family: Roboto;
             height: 100%;
             width: 100%;
             margin: 0px;
@@ -30,13 +33,14 @@
 
     <script src='{{ appRootPath }}/clientFrontendDefinition.js'></script>
     <script src='{{ appRootPath }}/budibase-client.js'></script>
-    
+
 </head>
 
 <body id="app">
-	
+
     <script>
         loadBudibase();
     </script>
 </body>
+
 </html>
\ No newline at end of file
