diff --git a/packages/builder/src/components/userInterface/AppPreview/iframeTemplate.js b/packages/builder/src/components/userInterface/AppPreview/iframeTemplate.js
index d3a94b6cf5..462becb32f 100644
--- a/packages/builder/src/components/userInterface/AppPreview/iframeTemplate.js
+++ b/packages/builder/src/components/userInterface/AppPreview/iframeTemplate.js
@@ -17,6 +17,7 @@ export default ({
 
       body, html {
         height: 100%!important;
+        font-family: Roboto !important;
       }
       .lay-__screenslot__text {
           width: 100%;
diff --git a/packages/builder/src/components/userInterface/temporaryPanelStructure.js b/packages/builder/src/components/userInterface/temporaryPanelStructure.js
index 55036b2da5..cc1f858124 100644
--- a/packages/builder/src/components/userInterface/temporaryPanelStructure.js
+++ b/packages/builder/src/components/userInterface/temporaryPanelStructure.js
@@ -349,7 +349,15 @@ export default {
             "A component for handling the navigation within your app.",
           icon: "ri-navigation-fill",
           children: [],
-          properties: { design: { ...all } },
+          properties: {
+            design: { ...all },
+            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
