bug: Clicking the input container doesn't focus the registration input

[jagdish-15]

The registration form wraps each input inside a styled .form-input-bash-wrapper container. The wrapper has padding applied to it, while the actual <input> occupies only the inner content area.

As a result, clicking on the padded region of the wrapper does not focus the input field. Users must click directly on the input element itself, making the input area feel smaller than its visible bounds and resulting in inconsistent interaction.

To Reproduce

1. Navigate to /registration.
2. Click near the left or right padding inside any registration input field (e.g. Full Name or LeetCode Username).
3. Notice that the input does not receive focus.
4. Click directly on the text input itself.
5. The input now focuses correctly.

Expected Behavior

Clicking anywhere inside the visible input container should focus the corresponding input field.

Code Reference

In frontend/styles/main.css:

.form-input-bash-wrapper {
  padding: 0.75rem 1rem;
}

The padding belongs to the wrapper rather than the input, so clicks on the padded region target the wrapper instead of the input element.

Requirement

The final solution should preserve the current visual appearance while ensuring the entire visible input area is clickable.

[ankurkrgupta22122006-oss]

@jagdish-15 please assign this issue to me

[ankurkrgupta22122006-oss]

@jagdish-15 i am currently working on this issue and have two ways to fix first is to add wrapper in each input of form and second one is to make the existing .form-group clickable so which will be more neat method according to you?

[anshikaagr]

Hi @jagdish-15 , I would like to work on this issue , Could you please assign it to me ??