diff --git a/react-app/src/components/Inputs/input.tsx b/react-app/src/components/Inputs/input.tsx
index 6c2240c387..2f8d605c59 100644
--- a/react-app/src/components/Inputs/input.tsx
+++ b/react-app/src/components/Inputs/input.tsx
@@ -5,7 +5,12 @@ import { InputProps } from "shared-types";
 const Input = React.forwardRef<HTMLInputElement, InputProps>(
   ({ className, icon, iconRight, ...props }, ref) => {
     return (
-      <div className="relative w-fit">
+      <div
+        className={cn(
+          "relative",
+          icon && !className.includes("w-full") && "w-fit",
+        )}
+      >
         {icon && (
           <span
             className={`absolute inset-y-0 border-[#212121] border flex items-center px-3 bg-[#f0f0f0] ${