chore: improve custom template buttons position

components/SettingsUI/TemplateSettings.tsx

@@ -157,24 +157,24 @@ export const TemplateSettings: React.FC<TemplateSettingsProps> = ({
 				workflows, or create your own custom templates.
 			</p>
 
-			<div className="template-settings-actions">
-				<button
-					className="mod-cta template-create-btn"
-					onClick={handleCreateTemplate}
-				>
-					+ Create Template
-				</button>
-				<button
-					className="template-reset-btn"
-					onClick={handleResetToDefaults}
-				>
-					🔄 Reset to Defaults
-				</button>
-			</div>
-
 			{/* Custom Templates Section */}
 			<div className="template-section">
 				<h4 className="template-section-title">Custom Templates</h4>
+
+				<div className="template-settings-actions">
+					<button
+						className="mod-cta template-create-btn"
+						onClick={handleCreateTemplate}
+					>
+						+ Create Template
+					</button>
+					<button
+						className="template-reset-btn"
+						onClick={handleResetToDefaults}
+					>
+						🔄 Reset to Defaults
+					</button>
+				</div>
 				<div className="template-list">
 					{settings.templates.map((template) => (
 						<TemplateItem

styles/components/template-settings.css

@@ -5,12 +5,9 @@
 /* Template Settings Actions */
 .template-settings-actions {
 	display: flex;
+	justify-content: end;
 	gap: var(--size-4-2);
-	margin-bottom: var(--size-4-4);
-	padding: var(--size-4-2);
-	background: var(--background-secondary);
-	border: 1px solid var(--background-modifier-border);
-	border-radius: var(--radius-m);
+	padding-bottom: var(--size-4-2);
 }
 
 .template-create-btn {