From a133346fceb19e9b279f0f7a26691ba7b605504e Mon Sep 17 00:00:00 2001
From: James Dinh <jdinh@collabralink.com>
Date: Tue, 20 Aug 2024 11:36:59 -0700
Subject: [PATCH] Update input.tsx

---
 react-app/src/components/Inputs/input.tsx | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/react-app/src/components/Inputs/input.tsx b/react-app/src/components/Inputs/input.tsx
index 2f8d605c59..2b9a56eb4b 100644
--- a/react-app/src/components/Inputs/input.tsx
+++ b/react-app/src/components/Inputs/input.tsx
@@ -5,15 +5,10 @@ import { InputProps } from "shared-types";
 const Input = React.forwardRef<HTMLInputElement, InputProps>(
   ({ className, icon, iconRight, ...props }, ref) => {
     return (
-      <div
-        className={cn(
-          "relative",
-          icon && !className.includes("w-full") && "w-fit",
-        )}
-      >
+      <div className="relative w-fit">
         {icon && (
           <span
-            className={`absolute inset-y-0 border-[#212121] border flex items-center px-3 bg-[#f0f0f0] ${
+            className={`absolute inset-y-0 border-[#212121] border  flex items-center px-3 bg-[#f0f0f0] ${
               iconRight
                 ? "right-0 border-s-black rounded-e-sm"
                 : "left-0 border-e-black rounded-s-sm"
@@ -25,6 +20,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}