Description of problem (please be detailed as possible and provide log
snippests):

There is a UI alignment issue in the “Connect to a Key Management Service” form. The fields under the “Key Management Service Provider” section, such as “Connection name,” “Address,” “Port,” and certificate upload fields, appear misaligned and are not properly structured. This is seen after deployment and during encrypted storageclass creation.

Version of all relevant components (if applicable): 4.17

Does this issue impact your ability to continue to work with the product
(please explain in detail what is the user impact)? No

Is there any workaround available to the best of your knowledge?

Rate from 1 - 5 the complexity of the scenario you performed that caused this
bug (1 - very simple, 5 - very complex)? 1

Can this issue reproducible? Yes

Can this issue reproduce from the UI? Yes

If this is a regression, please provide more details to justify this:

Steps to Reproduce:
1. Open a storageclass creation form.
2. Click on "Enable Encryption" option.
3. click on "Create new KMS connection" radio button.
4. above step will open a new form for “Connect to a Key Management Service” in the UI.
5. All the oprions in the form are misaligned.

Actual results:
1. Several fields are not aligned properly. For instance:
2. The input fields for “Client certificate,” “CA certificate,” and “Client private key” are not vertically aligned.
3. The text and input boxes are misaligned, creating a cluttered user experience.

Expected results:

1. The input fields should be properly aligned and well-spaced to provide a clean and usable interface.
2. All text, upload fields, and input boxes should appear in a neat and organized structure.

Additional info:

Please see attached image to the more info.