fix(ui): adjust text to prevent clipping

[Ebrahim-a]

Summary

This PR fixes a minor UI issue on the homepage where the letter g was being clipped.

I resolved this by adding pb-2. The issue was caused by the line height (leading) being too small. Increasing the leading directly caused some text to overlap with the HeroWorkflowProvider in responsive views, so adding padding-bottom was the safer fix. If needed to change line height, then I can try to adjust the HeroWorkflowProvider to make it better.

Fixes #1049

Type of Change

• Bug fix
• New feature
• Breaking change
• Documentation
• Other: ___________

Testing

Visual check – confirmed fix locally.

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added/updated and passing
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

Screenshots/Videos

Before

After

[vercel]

@Ebrahim-a is attempting to deploy a commit to the Sim Team on Vercel.

A member of the Team first needs to authorize it.

[greptile-apps]

Greptile Summary

This PR fixes a minor UI clipping issue on the homepage Hero component where the letter 'g' in "Agent Workflows" was being cut off. The fix adds pb-2 (padding-bottom: 0.5rem) to the h1 element containing the main heading text.

The change is made to the Hero component's main title, which is styled with Tailwind CSS classes including custom text sizing (text-[42px] on mobile, md:text-[68px] on desktop) and a tight line-height (leading-[1.10]). The developer identified that the clipping was caused by insufficient space below the text baseline due to the tight line-height.

Rather than increasing the line-height directly, the developer chose the more conservative approach of adding bottom padding. This decision was made because increasing line-height could cause the text to overlap with the HeroWorkflowProvider component in responsive views, demonstrating awareness of the component's layout hierarchy where the provider is positioned absolutely at z-10 while the text sits at z-20.

The fix integrates seamlessly with the existing component structure, maintaining all animation properties, responsive behavior, and accessibility features while resolving the visual issue.

Confidence score: 5/5

• This PR is safe to merge with minimal risk as it only adds bottom padding to resolve a visual clipping issue
• Score reflects a simple, targeted fix that addresses the specific problem without affecting functionality or introducing breaking changes
• No files require special attention as this is a single-line CSS class addition with clear visual validation provided

_{1 file reviewed, no comments}

_{Edit Code Review Bot Settings | Greptile}