Mismatched right alignment in Pipelines tab when resizing window

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

• Label this issue

Bug Description

Mismatched right alignment in Pipelines tab when resizing the browser window.

Steps to Reproduce

1. Navigate to the Pipelines tab of a merge request
2. Resize the browser window to a smaller width
3. Observe the pipeline information layout at certain window sizes

Expected Behavior

When resizing the window, the pipeline information should respond to the new layout and remain easy to read with proper alignment and spacing.

Actual Behavior

Pipeline information becomes scattered over the page with mismatched right alignment, making it difficult to read and navigate.

Environment Details

• Browser: Chrome
• Relevant URL: gitlab-com/content-sites/handbook!16407 (comment 2819544470)

Additional Information

This bug appears to be related to the new GitLab interface redesign. The issue occurs at specific viewport breakpoints when the responsive layout adjustments are applied.

Link to Slack thread: https://gitlab.slack.com/archives/C09JKA0UX0C/p1760451446756679

Relates to: gitlab-org/gitlab-services/design.gitlab.com!5183

Screenshot: