gl-button link hover text underline is cut off in Firefox
The text underline for `gl-button` link is cut off in Firefox | Browser | With `overflow: hidden` (current) | Without `overflow: hidden (proposal) | | ------ | ------ | ------ | | ❌ Firefox | ![image](/uploads/b85918d1a478c4cee11477810d1425e6/image.png) | ![image](/uploads/0afd1634659956f64959f0e28acb1ec5/image.png) | | ✅ Chrome | ![image](/uploads/b77679f9be244d0656d72f39073a7327/image.png) | ![image](/uploads/e9ed32a0c880b5f69a831c5de9cdc8f5/image.png) | ![image](/uploads/7fbdb76f6e0487795e2529dfe46127d2/image.png) ## More Information - [ ] @pedroms started a [discussion](https://gitlab.com/gitlab-org/gitlab/-/merge_requests/38733#note_392546715): (+2 comments) > @sming-gitlab 🎨 **Style**: the `overflow: hidden` in the `.gl-button-text` around the `Show more` text is cutting part of its underline when hovering: > > | With `overflow: hidden` | Without `overflow: hidden` | > |---|---| > | ![image](/uploads/639554d9ee902feb86bc1899136ffe5d/image.png) | ![image](/uploads/41418a2bf0dd7a6707d2986dfcbea9f4/image.png) | https://gitlab.com/gitlab-org/gitlab/-/merge_requests/38733#note_392751552 > @mvanremmerden: This seems to be a Firefox problem. It looks fine to me on Safari and Chrome, but on Firefox I'm seeing the same thing as > ![](https://gitlab.com/gitlab-org/gitlab/uploads/0da0a6cc6f1601635f94dd52b4118bb6/Hover.mp4)
issue