From ac0265f4e24fb3ce0b4ae2702b233943f6ed599f Mon Sep 17 00:00:00 2001
From: ilkin-overleaf <100852799+ilkin-overleaf@users.noreply.github.com>
Date: Thu, 18 Jul 2024 16:46:26 +0300
Subject: [PATCH] Merge pull request #19471 from overleaf/ii-inputs-fix

[web] Fix inputs to accept custom class names

GitOrigin-RevId: ebef429b5de961b873beccb32874fa8bf815dfb6
---
 .../ui/components/bootstrap-3/form/form-control.tsx        | 7 +------
 .../ui/components/bootstrap-5/form/form-control.tsx        | 2 +-
 2 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/services/web/frontend/js/features/ui/components/bootstrap-3/form/form-control.tsx b/services/web/frontend/js/features/ui/components/bootstrap-3/form/form-control.tsx
index 1fe3fb826e..1cd6c617e0 100644
--- a/services/web/frontend/js/features/ui/components/bootstrap-3/form/form-control.tsx
+++ b/services/web/frontend/js/features/ui/components/bootstrap-3/form/form-control.tsx
@@ -8,12 +8,7 @@ type FormControlProps = BS3FormControlProps & {
   append?: React.ReactNode
 }
 
-function FormControl({
-  prepend,
-  append,
-  className,
-  ...props
-}: FormControlProps) {
+function FormControl({ prepend, append, ...props }: FormControlProps) {
   return (
     <>
       {prepend && <div className="form-control-feedback-left">{prepend}</div>}
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-control.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-control.tsx
index 17ea179157..2160dbebf9 100644
--- a/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-control.tsx
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-control.tsx
@@ -36,7 +36,7 @@ const FormControl = forwardRef<HTMLInputElement, OLFormControlProps>(
       )
     }
 
-    return <Form.Control {...props} />
+    return <Form.Control className={className} {...props} />
   }
 )
 FormControl.displayName = 'FormControl'