From 5a86abd13365fa0c31a519766d71b0e1bfc0eaf6 Mon Sep 17 00:00:00 2001
From: Wahyu Kurniawan <ayungavis@gmail.com>
Date: Wed, 6 Mar 2024 10:30:50 +0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style:=20adjust=20input=20and=20?=
 =?UTF-8?q?search=20bar=20input=20style?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/components/SearchBar.tsx          | 1 +
 packages/frontend/src/components/shared/Input/Input.tsx | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/SearchBar.tsx b/packages/frontend/src/components/SearchBar.tsx
index 4e37c20d..a81b9f98 100644
--- a/packages/frontend/src/components/SearchBar.tsx
+++ b/packages/frontend/src/components/SearchBar.tsx
@@ -16,6 +16,7 @@ const SearchBar: React.ForwardRefRenderFunction<
         type="search"
         placeholder={placeholder}
         appearance="borderless"
+        className="w-full lg:w-[459px]"
         {...props}
       />
     </div>
diff --git a/packages/frontend/src/components/shared/Input/Input.tsx b/packages/frontend/src/components/shared/Input/Input.tsx
index fb3fd7d6..0819e294 100644
--- a/packages/frontend/src/components/shared/Input/Input.tsx
+++ b/packages/frontend/src/components/shared/Input/Input.tsx
@@ -87,12 +87,12 @@ export const Input = ({
   );
 
   return (
-    <div className="space-y-2">
+    <div className="space-y-2 w-full">
       {renderLabels}
       <div className={containerCls({ class: className })}>
         {leftIcon && renderLeftIcon}
         <input
-          className={cn(inputCls({ class: 'w-80' }), {
+          className={cn(inputCls(), {
             'pl-10': leftIcon,
           })}
           {...props}