diff --git a/frontend/src/lib/components/apps/editor/AppEditorHeader.svelte b/frontend/src/lib/components/apps/editor/AppEditorHeader.svelte
index dbee68e17c..078a935ff3 100644
--- a/frontend/src/lib/components/apps/editor/AppEditorHeader.svelte
+++ b/frontend/src/lib/components/apps/editor/AppEditorHeader.svelte
@@ -833,13 +833,15 @@
 		</Splitpanes>
 		<svelte:fragment slot="actions">
 			<Button
+				size="md"
+				color="light"
+				variant="border"
 				on:click={() => {
 					$refreshComponents?.()
 				}}
-				size="xs"
 				title="Refresh App"
 			>
-				Refresh App&nbsp;<RefreshCw size={16} />
+				Refresh app&nbsp;<RefreshCw size={16} />
 			</Button>
 
 			<Button