diff --git a/src/lib/components/layout/Sidebar.svelte b/src/lib/components/layout/Sidebar.svelte
index 2ace57086e..0b0f620253 100644
--- a/src/lib/components/layout/Sidebar.svelte
+++ b/src/lib/components/layout/Sidebar.svelte
@@ -1026,7 +1026,7 @@
 		data-state={$showSidebar}
 	>
 		<div
-			class=" my-auto flex flex-col justify-between h-screen max-h-[100dvh] w-[var(--sidebar-width)] overflow-x-hidden scrollbar-hidden z-50 {$showSidebar
+			class=" my-auto flex flex-col justify-between h-screen max-h-[100dvh] w-[var(--sidebar-width)] overflow-x-hidden scrollbar-hidden z-50 border-e border-gray-50 dark:border-gray-850/30 {$showSidebar
 				? ''
 				: 'invisible'}"
 		>
diff --git a/src/lib/components/layout/Sidebar/ChatItem.svelte b/src/lib/components/layout/Sidebar/ChatItem.svelte
index dfe29986e8..204fd7883e 100644
--- a/src/lib/components/layout/Sidebar/ChatItem.svelte
+++ b/src/lib/components/layout/Sidebar/ChatItem.svelte
@@ -457,12 +457,12 @@
 			confirmEdit
 				? ($settings?.highContrastMode ?? false)
 					? 'bg-gray-100 dark:bg-gray-800 selected'
-					: 'bg-gray-100 dark:bg-gray-800/60 selected'
+					: 'bg-gray-100 dark:bg-gray-900 selected'
 				: selected
 					? ($settings?.highContrastMode ?? false)
-						? 'bg-gray-100 dark:bg-gray-800 selected'
-						: 'bg-gray-100 dark:bg-gray-800/60 selected'
-					: 'group-hover:bg-gray-100 dark:group-hover:bg-gray-800/40'}  whitespace-nowrap text-ellipsis relative {generating
+						? 'bg-gray-100 dark:bg-gray-900 selected'
+						: 'bg-gray-100 dark:bg-gray-950 selected'
+					: 'group-hover:bg-gray-100 dark:group-hover:bg-gray-950'}  whitespace-nowrap text-ellipsis relative {generating
 				? 'cursor-not-allowed'
 				: ''}"
 		>
@@ -497,12 +497,12 @@
 			confirmEdit
 				? ($settings?.highContrastMode ?? false)
 					? 'bg-gray-100 dark:bg-gray-800 selected'
-					: 'bg-gray-100 dark:bg-gray-800/60 selected'
+					: 'bg-gray-100 dark:bg-gray-900 selected'
 				: selected
 					? ($settings?.highContrastMode ?? false)
-						? 'bg-gray-100 dark:bg-gray-800 selected'
-						: 'bg-gray-100 dark:bg-gray-800/60 selected'
-					: ' group-hover:bg-gray-100 dark:group-hover:bg-gray-800/40'}  whitespace-nowrap text-ellipsis"
+						? 'bg-gray-100 dark:bg-gray-900 selected'
+						: 'bg-gray-100 dark:bg-gray-950 selected'
+					: ' group-hover:bg-gray-100 dark:group-hover:bg-gray-950'}  whitespace-nowrap text-ellipsis"
 			href="/c/{id}"
 			on:click={() => {
 				dispatch('select');
@@ -586,12 +586,12 @@
         {id === $chatId || confirmEdit
 				? ($settings?.highContrastMode ?? false)
 					? 'from-gray-100 dark:from-gray-800 selected'
-					: 'from-gray-100 dark:from-gray-800/60 selected'
+					: 'from-gray-100 dark:from-gray-900 selected'
 				: selected
 					? ($settings?.highContrastMode ?? false)
-						? 'from-gray-100 dark:from-gray-800 selected'
-						: 'from-gray-100 dark:from-gray-800/60 selected'
-					: 'invisible group-hover:visible from-gray-100 dark:from-gray-800/40'}
+						? 'from-gray-100 dark:from-gray-900 selected'
+						: 'from-gray-100 dark:from-gray-950 selected'
+					: 'invisible group-hover:visible from-gray-100 dark:from-gray-950'}
             absolute {className === 'pr-2'
 				? 'right-[8px]'
 				: 'right-1'} top-[4px] py-1 pr-0.5 mr-1.5 pl-5 bg-linear-to-l from-80%