From 71744fb8b2bcc7f48acea41f9866878463a4f4f7 Mon Sep 17 00:00:00 2001
From: jul <julek@jul.rip>
Date: Mon, 6 Apr 2026 21:43:38 +0200
Subject: [PATCH] align back button position in API Tokens section (#306)

* replace link with button for back navigation

* changeset
---
 .changeset/cute-walls-attend.md                             | 5 +++++
 packages/admin/src/components/settings/ApiTokenSettings.tsx | 6 ++++--
 2 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/cute-walls-attend.md

diff --git a/.changeset/cute-walls-attend.md b/.changeset/cute-walls-attend.md
new file mode 100644
index 0000000..0a64320
--- /dev/null
+++ b/.changeset/cute-walls-attend.md
@@ -0,0 +1,5 @@
+---
+"@emdash-cms/admin": patch
+---
+
+Align back button position in API Tokens section
diff --git a/packages/admin/src/components/settings/ApiTokenSettings.tsx b/packages/admin/src/components/settings/ApiTokenSettings.tsx
index 2462f78..86ba4fb 100644
--- a/packages/admin/src/components/settings/ApiTokenSettings.tsx
+++ b/packages/admin/src/components/settings/ApiTokenSettings.tsx
@@ -111,8 +111,10 @@ export function ApiTokenSettings() {
 		<div className="space-y-6">
 			{/* Header */}
 			<div className="flex items-center gap-3">
-				<Link to="/settings" className="text-kumo-subtle hover:text-kumo-default transition-colors">
-					<ArrowLeft className="h-5 w-5" />
+				<Link to="/settings">
+					<Button variant="ghost" shape="square" aria-label="Back to settings">
+						<ArrowLeft className="h-4 w-4" />
+					</Button>
 				</Link>
 				<div>
 					<h1 className="text-2xl font-bold">API Tokens</h1>