Adding Member guidelines text makes Invite buttons not visible on screen

Summary

When a custom Member guidelines text is used, the Invite members / groups buttons are hidden outside the viewport on the Manage members page. This confuses users as they think they aren't able to invite members or other groups to projects/groups.

Steps to reproduce

  1. Run a local gitlab instance (e.g. latest container)
  2. In the Admin area -> Settings -> Appearance, add a Lorem Ipsum paragraph to the Member Guidelines field.
  3. Create a test group and go to the Manage members page. Observe the Invite buttons are not visible. Scroll to the right to see the Invite buttons.

Example Project

Cannot reproduce on gitlab.com as Member guidelines are not configured

What is the current bug behavior?

The Invite Members / Groups buttons appear to the right of the Member guidelines text, usually not visible on screen.

What is the expected correct behavior?

The Invite Members / Groups buttons should appear above or below the Member guidelines text.

Relevant logs and/or screenshots

image
image

Output of checks

Results of GitLab environment info

Any self-hosted GitLab instance running 17.8.

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