Embedded Snippet shows Vertical Scroll Bar

Summary

An Unnecessary vertical scroll bar is always shown when embedding a snippet

Steps to reproduce

  1. Create a snippet
  2. Embed it on a webpage with a simple html file:
<HTML>
<script src="https://gitlab.com/embeddeddevops/blog/-/snippets/2129124.js"></script>
</HTML>
  1. Observe the extra scroll bar

What is the current bug behavior?

Scroll bar is shown image

What is the expected correct behavior?

No Vertical Scroll Bar

image

Output of checks

This bug happens on GitLab.com

Possible fixes

Remove this line: https://gitlab.com/gitlab-org/gitlab/-/blob/master/app/assets/stylesheets/snippets.scss#L48

Edited by Josh Bouganim