From a89bdb5e579e164059def63b574308e9d2edd3b1 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Fri, 13 Jan 2023 12:04:05 +0000
Subject: [PATCH] Update app overview button styles to include more CTAs

---
 .../builder/portal/overview/[appId]/access/index.svelte      | 4 ++--
 .../builder/portal/overview/[appId]/backups/index.svelte     | 5 +----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/packages/builder/src/pages/builder/portal/overview/[appId]/access/index.svelte b/packages/builder/src/pages/builder/portal/overview/[appId]/access/index.svelte
index e1702b7921..62c5da12ec 100644
--- a/packages/builder/src/pages/builder/portal/overview/[appId]/access/index.svelte
+++ b/packages/builder/src/pages/builder/portal/overview/[appId]/access/index.svelte
@@ -192,7 +192,7 @@
       <Layout noPadding gap="S">
         <div class="title">
           <Heading size="S">Users</Heading>
-          <Button secondary on:click={showUsersModal}>Assign user</Button>
+          <Button cta on:click={showUsersModal}>Assign user</Button>
         </div>
         <Table
           customPlaceholder
@@ -221,7 +221,7 @@
       <Layout noPadding gap="S">
         <div class="title">
           <Heading size="S">Groups</Heading>
-          <Button secondary on:click={showGroupsModal}>Assign group</Button>
+          <Button cta on:click={showGroupsModal}>Assign group</Button>
         </div>
         <Table
           customPlaceholder
diff --git a/packages/builder/src/pages/builder/portal/overview/[appId]/backups/index.svelte b/packages/builder/src/pages/builder/portal/overview/[appId]/backups/index.svelte
index 136d529f2e..c15f944601 100644
--- a/packages/builder/src/pages/builder/portal/overview/[appId]/backups/index.svelte
+++ b/packages/builder/src/pages/builder/portal/overview/[appId]/backups/index.svelte
@@ -1,6 +1,5 @@
 <script>
   import {
-    ActionButton,
     Button,
     DatePicker,
     Divider,
@@ -246,9 +245,7 @@
           />
         </div>
         <div>
-          <ActionButton on:click={modal.show} icon="SaveAsFloppy">
-            Create new backup
-          </ActionButton>
+          <Button cta on:click={modal.show}>Create new backup</Button>
         </div>
       </div>
       <div class="table">