From 4bc185434b248235889323ce80fcf5c78bf22c2e Mon Sep 17 00:00:00 2001
From: Ardeman <are.theman@gmail.com>
Date: Sun, 9 Mar 2025 21:20:29 +0800
Subject: [PATCH] fix: adjust padding in InputFile and Input components for
 better layout

---
 app/components/ui/input-file.tsx | 2 +-
 app/components/ui/input.tsx      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/ui/input-file.tsx b/app/components/ui/input-file.tsx
index 5078214..b3570cc 100644
--- a/app/components/ui/input-file.tsx
+++ b/app/components/ui/input-file.tsx
@@ -62,7 +62,7 @@ export const InputFile = <TFormValues extends Record<string, unknown>>(
       </Label>
       <HeadlessInput
         className={twMerge(
-          'h-[42px] w-full rounded-md border border-[#DFDFDF] p-2',
+          'h-[42px] w-full rounded-md border border-[#DFDFDF] p-2 pr-8',
           className,
         )}
         placeholder={placeholder}
diff --git a/app/components/ui/input.tsx b/app/components/ui/input.tsx
index ee6fb6a..7dfb802 100644
--- a/app/components/ui/input.tsx
+++ b/app/components/ui/input.tsx
@@ -63,7 +63,7 @@ export const Input = <TFormValues extends Record<string, unknown>>(
       <HeadlessInput
         type={inputType}
         className={twMerge(
-          'h-[42px] w-full rounded-md border border-[#DFDFDF] p-2',
+          'h-[42px] w-full rounded-md border border-[#DFDFDF] p-2 pr-8',
           className,
         )}
         placeholder={inputType === 'password' ? '******' : placeholder}