Fix misaligned pipeline content when using Large browser font size

What does this MR do and why?

Pipeline result content is misaligned when using Large browser font size in Chrome.

Screenshots or screen recordings

Browser setting: Default

Before	After

Browser setting: Large text

Before	After

How to set up and validate locally

1. In Chrome, navigate to chrome://settings/appearance
2. Set Font Size to Large
3. Go to an MR with a result pipeline
4. Check the result pipeline widget

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the MR acceptance checklist for this MR.

Related to Pipeline result icons are misaligned when using... (#420369 - closed), UX Paper Cuts 16.4 → Pipelines and Jobs (#408231 - closed)