From 7e4ab6af941ae74f077fdadb395d5be519b9561c Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Fri, 23 Apr 2021 11:44:42 +0100
Subject: [PATCH] Add background color to request feature button

---
 .../design/NavigationPanel/FrontendNavigatePane.svelte         | 3 +--
 packages/builder/src/pages/builder/[application]/_reset.svelte | 3 +++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/builder/src/components/design/NavigationPanel/FrontendNavigatePane.svelte b/packages/builder/src/components/design/NavigationPanel/FrontendNavigatePane.svelte
index a45b8d2c20..9c6090850f 100644
--- a/packages/builder/src/components/design/NavigationPanel/FrontendNavigatePane.svelte
+++ b/packages/builder/src/components/design/NavigationPanel/FrontendNavigatePane.svelte
@@ -26,7 +26,7 @@
   ]
 
   let modal
-  $: selected = tabs.find(t => t.key === $params.assetType).title
+  $: selected = tabs.find(t => t.key === $params.assetType)?.title || "Screens"
 
   const navigate = ({ detail }) => {
     const { key } = tabs.find(t => t.title === detail)
@@ -113,7 +113,6 @@
     justify-content: flex-start;
     align-items: stretch;
     position: relative;
-    padding-bottom: 60px;
   }
   .title i {
     font-size: 20px;
diff --git a/packages/builder/src/pages/builder/[application]/_reset.svelte b/packages/builder/src/pages/builder/[application]/_reset.svelte
index 8c778a70c4..b2165efd89 100644
--- a/packages/builder/src/pages/builder/[application]/_reset.svelte
+++ b/packages/builder/src/pages/builder/[application]/_reset.svelte
@@ -212,4 +212,7 @@
     left: var(--spacing-m);
     z-index: 1;
   }
+  .beta :global(button) {
+    background-color: var(--background);
+  }
 </style>