Input fields on Pipeline Schedules have different sizes and crop the placeholder text

Summary

Input texts in the Variables section of Pipeline Schedules are inconsistent.

Steps to reproduce

Go to https://gitlab.com/gitlab-com/www-gitlab-com/-/pipeline_schedules/new and scroll down to Variables.

Example Project

https://gitlab.com/gitlab-com/www-gitlab-com/-/pipeline_schedules/new

What is the current bug behavior?

• The input fields in the Variables section have different heights.
• The placeholder is being cropped because of the reduced input size, making it difficult to read the text.

What is the expected correct behavior?

• Input fields should have the same size
• It should be possible to read the placeholder text without it being cropped

Relevant logs and/or screenshots

Output of checks

Results of GitLab environment info

Expand for output related to GitLab environment info

(For installations with omnibus-gitlab package run and paste the output of:
`sudo gitlab-rake gitlab:env:info`)

(For installations from source run and paste the output of:
`sudo -u git -H bundle exec rake gitlab:env:info RAILS_ENV=production`)

Results of GitLab application Check

Expand for output related to the GitLab application check

(For installations with omnibus-gitlab package run and paste the output of:
sudo gitlab-rake gitlab:check SANITIZE=true)
(For installations from source run and paste the output of:
sudo -u git -H bundle exec rake gitlab:check RAILS_ENV=production SANITIZE=true)
(we will only investigate if the tests are passing)

Possible fixes

Should be resolved when the refactor to Vue/GraphQL is live based on this comment.