From fdef4ddb86e98b2179df48fd7467daa8235dc532 Mon Sep 17 00:00:00 2001
From: Arunmozhi <arunmozhi@opencraft.com>
Date: Wed, 10 Jul 2024 13:56:51 +0200
Subject: [PATCH] fix: remove redundant form-control class for
 MasqueradeUserInput

As the FormControl element already comes with the form-control
class, the extra class specified on the MasqueradeUserInput is
applied to the div container of the <input> causing double input
box effect. This is not visible in themes where the container
div's padding is zero. But appears when padding is not set.

Internal-ref: https://tasks.opencraft.com/browse/BB-8929
---
 src/instructor-toolbar/masquerade-widget/MasqueradeWidget.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/instructor-toolbar/masquerade-widget/MasqueradeWidget.jsx b/src/instructor-toolbar/masquerade-widget/MasqueradeWidget.jsx
index d560a848a3..340b001560 100644
--- a/src/instructor-toolbar/masquerade-widget/MasqueradeWidget.jsx
+++ b/src/instructor-toolbar/masquerade-widget/MasqueradeWidget.jsx
@@ -135,7 +135,7 @@ class MasqueradeWidget extends Component {
             <span className="col-auto col-form-label pl-3" id="masquerade-search-label">{`${specificLearnerInputText}:`}</span>
             <MasqueradeUserNameInput
               id="masquerade-search"
-              className="col-4 form-control"
+              className="col-4"
               autoFocus={autoFocus}
               defaultValue={masqueradeUsername}
               onError={(errorMessage) => this.onError(errorMessage)}