From 123c577c3cf3ad9da86f6462823ec71a5e925fa1 Mon Sep 17 00:00:00 2001
From: James Dinh <jdinh@collabralink.com>
Date: Fri, 6 Sep 2024 13:19:27 -0700
Subject: [PATCH] fix inputs with icon padding

---
 react-app/src/components/Inputs/input.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/react-app/src/components/Inputs/input.tsx b/react-app/src/components/Inputs/input.tsx
index 53f1d6f28..a47c5cfd3 100644
--- a/react-app/src/components/Inputs/input.tsx
+++ b/react-app/src/components/Inputs/input.tsx
@@ -25,6 +25,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
         <input
           className={cn(
             "flex h-9 w-full rounded-sm border border-[#212121] bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+            icon && (iconRight ? "pr-10" : "pl-10"),
             className,
           )}
           ref={ref}