From a1bc359c7f2d96cea7c9c08afbf86d601d69009b Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Sat, 7 Feb 2026 19:18:49 +0300
Subject: [PATCH] feat(Input): move extended left padding into SearchBar
 classes

---
 src/shared/ui/Input/Input.svelte         | 2 +-
 src/shared/ui/SearchBar/SearchBar.svelte | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/shared/ui/Input/Input.svelte b/src/shared/ui/Input/Input.svelte
index 6e7fd7c..986d758 100644
--- a/src/shared/ui/Input/Input.svelte
+++ b/src/shared/ui/Input/Input.svelte
@@ -44,7 +44,7 @@ let {
         'placeholder:font-mono',
         'placeholder:text-xs sm:placeholder:text-sm',
         'placeholder:tracking-wide',
-        'pl-11 sm:pl-14 pr-4 sm:pr-6',
+        'pl-4 sm:pl-6 pr-4 sm:pr-6',
         'rounded-xl',
         'transition-all duration-200',
         'font-medium',
diff --git a/src/shared/ui/SearchBar/SearchBar.svelte b/src/shared/ui/SearchBar/SearchBar.svelte
index 57eac7a..caf91ac 100644
--- a/src/shared/ui/SearchBar/SearchBar.svelte
+++ b/src/shared/ui/SearchBar/SearchBar.svelte
@@ -1,5 +1,6 @@
 <!-- Component: SearchBar -->
 <script lang="ts">
+import { cn } from '$shared/shadcn/utils/shadcn-utils';
 import { Input } from '$shared/ui';
 import AsteriskIcon from '@lucide/svelte/icons/asterisk';
 
@@ -34,5 +35,5 @@ let {
     <div class="absolute left-4 sm:left-5 top-1/2 -translate-y-1/2 pointer-events-none z-10">
         <AsteriskIcon class="size-3 sm:size-4 stroke-gray-400 stroke-[1.5]" />
     </div>
-    <Input {id} class={className} bind:value={value} placeholder={placeholder} />
+    <Input {id} class={cn('pl-11 sm:pl-14', className)} bind:value={value} placeholder={placeholder} />
 </div>