diff --git a/src/app.postcss b/src/app.postcss
index bcbb59719..c9f9d8e86 100644
--- a/src/app.postcss
+++ b/src/app.postcss
@@ -16,7 +16,7 @@ textarea {
 	outline: none;
 	@apply rounded border border-light-500 bg-white p-2 text-light-900 dark:border-dark-400 dark:bg-dark-600 dark:text-dark-100;
 	@apply hover:border-zinc-500/80;
-	@apply focus:ring-2 focus:ring-blue-600;
+	@apply focus:ring-2 focus:ring-purple-600;
 }
 
 /* OUTLINE REMOVAL  */
diff --git a/src/routes/repo/[projectId]/BranchLane.svelte b/src/routes/repo/[projectId]/BranchLane.svelte
index ad951b2d2..66f7ace65 100644
--- a/src/routes/repo/[projectId]/BranchLane.svelte
+++ b/src/routes/repo/[projectId]/BranchLane.svelte
@@ -114,15 +114,15 @@
 	}}
 >
 	<div
-		class="mb-2 flex w-full shrink-0 items-center gap-x-2 rounded-lg bg-light-200 text-lg text-light-900 dark:bg-dark-1000 dark:font-normal dark:text-dark-100"
+		class="mb-2 flex w-full shrink-0 items-center rounded bg-light-200 text-lg text-light-900 dark:bg-dark-1000 dark:font-normal dark:text-dark-100"
 	>
 		<div
 			on:dblclick={() => (maximized = !maximized)}
-			class="h-8 w-8 flex-grow-0  cursor-pointer p-2 text-light-600 dark:text-dark-200"
+			class="h-8 w-8 flex-grow-0 cursor-pointer p-2 text-light-600 dark:text-dark-200"
 		>
 			<IconBranch />
 		</div>
-		<div class="flex-grow">
+		<div class="flex-grow mr-1 ">
 			<input
 				type="text"
 				bind:value={name}
@@ -154,6 +154,8 @@
 			{/if}
 		</PopupMenuItem>
 
+		<div class="my-2 h-[1px] w-full  bg-light-300 dark:bg-dark-600"></div>
+
 		<PopupMenuItem on:click={() => branchController.createBranch({ order })}>
 			Create branch before
 		</PopupMenuItem>
@@ -229,10 +231,10 @@
 		<!-- Unpushed commits -->
 		{#each localCommits as commit (commit.id)}
 			<div class="flex w-full px-2 pb-4">
-				<div class="z-10 w-6 py-2">
+				<div class="z-10 w-6 ml-1 py-4">
 					<!-- Unpushed commit bubble -->
 					<div
-						class="h-4 w-4 rounded-full border-2 border-light-600 bg-light-200 dark:border-dark-200 dark:bg-dark-1000"
+						class="h-2 w-2 rounded-full border-2 border-light-600 bg-light-200 dark:border-dark-200 dark:bg-dark-1000"
 					/>
 				</div>
 				<div class="flex-grow">
@@ -247,9 +249,9 @@
 			<div class="absolute top-0 h-full w-0.5 bg-light-600" style="left: 0.925rem" />
 			<!-- Section title for remote commits -->
 			<div class="flex w-full px-2 pb-4">
-				<div class="z-10 w-6">
+				<div class="z-10 w-6 ml-1 py-4">
 					<div
-						class="h-4 w-4 rounded-full border-2 border-light-200 bg-light-200 text-black dark:border-dark-200 dark:bg-dark-200 dark:text-white"
+						class="h-2 w-2 rounded-full border-2 border-light-200 bg-light-200 text-black dark:border-dark-200 dark:bg-dark-200 dark:text-white"
 					>
 						<!-- Target HEAD commit bubble -->
 						<IconGithub />
@@ -259,10 +261,10 @@
 			</div>
 			{#each remoteCommits as commit (commit.id)}
 				<div class="flex w-full px-2 pb-4">
-					<div class="z-10 w-6 py-2">
+					<div class="z-10 w-6 ml-1 py-4">
 						<!-- Pushed commit bubble -->
 						<div
-							class="rounded--b-sm h-4 w-4 rounded-full border-2 border-light-200 bg-light-600 dark:border-dark-200 dark:bg-dark-200"
+							class="rounded--b-sm h-2 w-2 rounded-full border-2 border-light-200 bg-light-600 dark:border-dark-200 dark:bg-dark-200"
 						/>
 					</div>
 					<CommitCard {commit} />
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index f7f49397d..bc4fb37c1 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -120,7 +120,7 @@ const config = {
 				900: '#14532d'
 			},
 			purple: {
-				600: '#58529F'
+				600: '#5852A0'
 			},
 			orange: {
 				200: '#fed7aa'