fix inputs with icon padding

Enterprise-CMCS · Sep 6, 2024 · 123c577 · 123c577
1 parent bf9455f
commit 123c577
Showing 1 changed file with 1 addition and 0 deletions.
diff --git 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}