diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPanel.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPanel.svelte
index bdbe3423c0..d86e4a3c8d 100644
--- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPanel.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPanel.svelte
@@ -25,7 +25,8 @@
         <DevicePreviewSelect />
       {/if}
       <Button
-        cta
+        newStyles
+        secondary
         icon="Add"
         on:click={() => $goto(`../${$selectedScreen._id}/components/new`)}
       >
diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenSettingsPanel.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenSettingsPanel.svelte
index ce67918a5c..311710ee29 100644
--- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenSettingsPanel.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenSettingsPanel.svelte
@@ -190,6 +190,8 @@
         {bindings}
       />
     {/each}
-    <Button cta on:click={() => $goto("../components")}>View components</Button>
+    <Button secondary newStyles on:click={() => $goto("../components")}>
+      View components
+    </Button>
   </Layout>
 </Panel>