From b96557c46e16066bc60d4a20df4d0c7d23e2f802 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Thu, 20 Mar 2025 13:55:13 -0700
Subject: [PATCH] refac: styling

---
 src/lib/components/layout/Sidebar/SearchInput.svelte | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/layout/Sidebar/SearchInput.svelte b/src/lib/components/layout/Sidebar/SearchInput.svelte
index c1438cede..6dca9a4eb 100644
--- a/src/lib/components/layout/Sidebar/SearchInput.svelte
+++ b/src/lib/components/layout/Sidebar/SearchInput.svelte
@@ -105,7 +105,7 @@
 		</div>
 
 		<input
-			class="w-full rounded-r-xl py-1.5 pl-2.5 {showClearButton && value ? 'pr-8' : 'pr-4'} text-sm bg-transparent dark:text-gray-300 outline-hidden"
+			class="w-full rounded-r-xl py-1.5 pl-2.5 text-sm bg-transparent dark:text-gray-300 outline-hidden"
 			placeholder={placeholder ? placeholder : $i18n.t('Search')}
 			bind:value
 			on:input={() => {
@@ -147,14 +147,14 @@
 				}
 			}}
 		/>
-		
+
 		{#if showClearButton && value}
-			<div class="absolute right-2 top-1/2 -translate-y-1/2">
-				<button 
-					class="p-0.5 rounded hover:bg-gray-100 dark:hover:bg-gray-900 transition"
+			<div class="self-center pr-2 pl-1.5 translate-y-[0.5px] rounded-l-xl bg-transparent">
+				<button
+					class="p-0.5 rounded-full hover:bg-gray-100 dark:hover:bg-gray-900 transition"
 					on:click={clearSearchInput}
 				>
-					<XMark className="size-4" strokeWidth="2" />
+					<XMark className="size-3" strokeWidth="2" />
 				</button>
 			</div>
 		{/if}