From 8424dadf755d8be07e297eb02b3a118a5e8f5e56 Mon Sep 17 00:00:00 2001
From: nakyong82 <nakyong7770@gmail.com>
Date: Mon, 21 Oct 2024 21:11:09 +0900
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8feat:=20TextFieldHeader=20=EC=BB=B4?=
 =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EB=94=94=EC=9E=90=EC=9D=B8?=
 =?UTF-8?q?=EA=B3=BC=20=EB=8B=A4=EB=A5=B8=20=EB=B6=80=EB=B6=84=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=ED=95=98=EA=B8=B0=20#15?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Common/Header/TextFieldHeader.tsx | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/components/Common/Header/TextFieldHeader.tsx b/src/components/Common/Header/TextFieldHeader.tsx
index 2b12747c..f7ce7f32 100644
--- a/src/components/Common/Header/TextFieldHeader.tsx
+++ b/src/components/Common/Header/TextFieldHeader.tsx
@@ -1,4 +1,4 @@
-import BackButtonIcon from '@/assets/icons/BackButtonIcon.svg?react';
+import LeftArrowIcon from '@/assets/icons/LeftArrowIcon.svg?react';
 import SearchIcon from '@/assets/icons/SearchIcon.svg?react';
 import FilterIcon from '@/assets/icons/FilterIcon.svg?react';
 import CircleDeleteIcon from '@/assets/icons/CircleDeleteIcon.svg?react';
@@ -24,16 +24,13 @@ const TextFieldHeader = ({
   };
 
   return (
-    <section className="w-full h-[3.5rem] px-[0.5rem] flex justify-between items-center bg-white border-b border-solid border-[#1E1926]">
-      <button
-        className="p-[0.5rem] rounded-[0.75rem] border border-solid border-[#ECECEC]"
-        onClick={onClickBackButton}
-      >
-        <BackButtonIcon />
+    <section className="w-full h-[3.5rem] my-[0.5rem] px-[0.5rem] flex justify-between items-center bg-white border-b border-solid border-[#1E1926]">
+      <button className="p-[0.5rem]" onClick={onClickBackButton}>
+        <LeftArrowIcon />
       </button>
       <div className="flex-1 flex items-center">
         <input
-          className="flex-1 p-[0.5rem] body-3 text-[#1E1926]"
+          className="flex-1 p-[0.5rem] body-2 text-[#1E1926]"
           value={value}
           onChange={(e) => setValue(e.target.value)}
           placeholder={placeholder}