From 73f8237d43751d074160388400f5d1abcdd22063 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Sat, 20 Sep 2025 01:19:23 -0500
Subject: [PATCH] refac

---
 src/lib/components/layout/SearchModal.svelte         | 6 +++---
 src/lib/components/layout/Sidebar/SearchInput.svelte | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/layout/SearchModal.svelte b/src/lib/components/layout/SearchModal.svelte
index 3eb6687e41..9e55150321 100644
--- a/src/lib/components/layout/SearchModal.svelte
+++ b/src/lib/components/layout/SearchModal.svelte
@@ -219,8 +219,8 @@
 </script>
 
 <Modal size="xl" bind:show>
-	<div class="py-2.5 dark:text-gray-300 text-gray-700">
-		<div class="px-3.5 pb-1.5">
+	<div class="py-3 dark:text-gray-300 text-gray-700">
+		<div class="px-4 pb-1.5">
 			<SearchInput
 				bind:value={query}
 				on:input={searchHandler}
@@ -257,7 +257,7 @@
 
 		<!-- <hr class="border-gray-50 dark:border-gray-850 my-1" /> -->
 
-		<div class="flex px-3 pb-1">
+		<div class="flex px-4 pb-1">
 			<div
 				class="flex flex-col overflow-y-auto h-96 md:h-[40rem] max-h-full scrollbar-hidden w-full flex-1"
 			>
diff --git a/src/lib/components/layout/Sidebar/SearchInput.svelte b/src/lib/components/layout/Sidebar/SearchInput.svelte
index e5af6379fb..8210f350c2 100644
--- a/src/lib/components/layout/Sidebar/SearchInput.svelte
+++ b/src/lib/components/layout/Sidebar/SearchInput.svelte
@@ -266,7 +266,7 @@
 	{#if focused && (filteredOptions.length > 0 || filteredItems.length > 0)}
 		<!-- svelte-ignore a11y-no-static-element-interactions -->
 		<div
-			class="absolute top-0 mt-8 left-0 right-1 border border-gray-100 dark:border-gray-900 bg-gray-50 dark:bg-gray-950 rounded-lg z-10 shadow-lg"
+			class="absolute top-0 mt-8 left-0 right-1 border border-gray-100 dark:border-gray-900 bg-gray-50 dark:bg-gray-950 rounded-2xl z-10 shadow-lg"
 			id="search-options-container"
 			in:fade={{ duration: 50 }}
 			on:mouseenter={() => {
@@ -278,7 +278,7 @@
 				selectedIdx = 0;
 			}}
 		>
-			<div class="px-2 py-2 text-xs group">
+			<div class="px-3 py-2.5 text-xs group">
 				{#if filteredItems.length > 0}
 					<div class="px-1 font-medium dark:text-gray-300 text-gray-700 mb-1 capitalize">
 						{selectedOption}
@@ -297,7 +297,7 @@
 									const words = value.split(' ');
 
 									words.pop();
-									words.push(`${item.type}:${item.id} `);
+									words.push(`${item.type}:${item.id}`);
 
 									value = words.join(' ');