diff --git a/frontend/src/lib/components/git_sync/DetectionFlow.svelte b/frontend/src/lib/components/git_sync/DetectionFlow.svelte
index 5634c7d4d2..7fa749a0f1 100644
--- a/frontend/src/lib/components/git_sync/DetectionFlow.svelte
+++ b/frontend/src/lib/components/git_sync/DetectionFlow.svelte
@@ -136,7 +136,7 @@
 
 			<!-- Initialize button -->
 			<div class="flex justify-start">
-				<Button color="blue" size="md" onclick={handleInitialize} startIcon={{ icon: Save }}>
+				<Button size="md" onclick={handleInitialize} startIcon={{ icon: Save }} variant="accent">
 					Initialize Git repository
 				</Button>
 			</div>
@@ -163,7 +163,12 @@
 
 			<!-- Save connection button -->
 			<div class="flex justify-start">
-				<Button size="md" onclick={handleSaveConnection} startIcon={{ icon: Save }}>
+				<Button
+					size="md"
+					onclick={handleSaveConnection}
+					startIcon={{ icon: Save }}
+					variant="accent"
+				>
 					Save connection
 				</Button>
 			</div>
diff --git a/frontend/src/lib/components/git_sync/GitSyncRepositoryCard.svelte b/frontend/src/lib/components/git_sync/GitSyncRepositoryCard.svelte
index c5700622d4..fd2dab98ef 100644
--- a/frontend/src/lib/components/git_sync/GitSyncRepositoryCard.svelte
+++ b/frontend/src/lib/components/git_sync/GitSyncRepositoryCard.svelte
@@ -236,7 +236,7 @@
 		<div transition:fade|local={{ duration: 100 }}>
 			<Button
 				size="xs"
-				variant="default"
+				variant="accent-secondary"
 				onclick={initiateDelete}
 				startIcon={{ icon: Trash }}
 				destructive
@@ -278,12 +278,7 @@
 				/>
 			</div>
 			{#if !emptyString(repo.git_repo_resource_path)}
-				<Button
-					disabled={emptyString(repo.script_path)}
-					variant="accent"
-					onclick={runGitSyncTestJob}
-					size="xs"
-				>
+				<Button disabled={emptyString(repo.script_path)} onclick={runGitSyncTestJob} size="xs">
 					Test connection
 				</Button>
 			{/if}
@@ -360,10 +355,7 @@
 
 			<!-- Configuration -->
 			{#if repo.isUnsavedConnection && !emptyString(repo.git_repo_resource_path) && idx !== null}
-				<DetectionFlow
-					{idx}
-					mode={repoMode}
-				/>
+				<DetectionFlow {idx} mode={repoMode} />
 			{:else}
 				<GitSyncFilterSettings
 					bind:git_repo_resource_path={repo.git_repo_resource_path}
@@ -388,11 +380,7 @@
 					<div class="flex justify-between items-start">
 						<!-- Display mode settings as prominent text -->
 						<div class="flex-1 mr-4">
-							<GitSyncModeDisplay
-								mode={repoMode}
-								{targetBranch}
-								repository={repo}
-							/>
+							<GitSyncModeDisplay mode={repoMode} {targetBranch} repository={repo} />
 						</div>
 
 						<!-- Manual sync section for existing repos -->
@@ -402,7 +390,7 @@
 								<div class="flex gap-2">
 									<Button
 										size="xs"
-										variant="default"
+										variant="accent"
 										onclick={() => idx !== null && gitSyncContext.showPullModal(idx)}
 										startIcon={{ icon: Download }}
 									>
@@ -410,7 +398,7 @@
 									</Button>
 									<Button
 										size="xs"
-										variant="default"
+										variant="accent"
 										onclick={() => idx !== null && gitSyncContext.showPushModal(idx)}
 										startIcon={{ icon: Upload }}
 									>