ECHOES-1239 Fix header Title spacing

[jeremy-davis-sonarsource]

No description provided.

[netlify]

✅ Deploy Preview for echoes-react ready!

Name	Link
🔨 Latest commit	aaf2ff8
🔍 Latest deploy log	https://app.netlify.com/projects/echoes-react/deploys/69bd275e46926f00082fb9b3
😎 Deploy Preview	https://deploy-preview-655--echoes-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[hashicorp-vault-sonar-prod]

ECHOES-1239

[sonarqube-next]

Quality Gate passed

Issues
0 New issues
0 Fixed issues
0 Accepted issues

Measures
0 Security Hotspots
0 Dependency risks
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarQube

[sonar-review-alpha]

Summary

Increases the gap spacing in the PageHeaderTitle component from dimension-space-50 to dimension-space-100. This is a single-line CSS adjustment to the flex layout that doubles the spacing between items in the header title, addressing the spacing issue described in ECHOES-1239.

What reviewers should know

This is a minimal, focused change: only the StyledPageHeaderTitle component's gap property in HeaderTitle.tsx is modified. The change uses the existing design system spacing token, so no new values are introduced. Visual testing of the header title area in different contexts (various title lengths, with/without icons) would be helpful to confirm the spacing improvement looks right.

---

• Generate Walkthrough
• Generate Diagram

🗣️ Give feedback

[sonar-review-alpha]

Summary

Increases the gap spacing in the page header title component from dimension-space-50 to dimension-space-100 to improve visual spacing between title elements.

What reviewers should know

Single-line change in HeaderTitle.tsx modifying the gap property of the StyledPageHeaderTitle styled component. This is a visual-only adjustment with no behavioral impact. Visual testing (checking that the header title elements have more breathing room) is the key verification needed.

---

• Generate Walkthrough
• Generate Diagram

🗣️ Give feedback

[sonar-review-alpha]

Summary

Increases the gap spacing between items in the page header title from dimension-space-50 to dimension-space-100. This is a CSS-only change that improves the visual spacing of the header title layout.

What reviewers should know

All changes are contained in HeaderTitle.tsx. The gap property in StyledPageHeaderTitle was adjusted to use a larger spacing constant. Visual testing of the header title in the UI is recommended to confirm the spacing looks correct.

---

• Generate Walkthrough
• Generate Diagram

🗣️ Give feedback

[sonar-review-alpha]

Conclusion: Clean, minimal change. Note that StyledPageHeaderTitle is shared by both PageHeaderTitle and ContentHeaderTitle (both route through the internal HeaderTitle component), so the updated gap applies to both — worth confirming that the increased spacing is intentional for both variants.

🗣️ Give feedback