fix: the vertical alignment issue aligning the text to the bullet

[nikilok]

Before

After

Summary by CodeRabbit

• Style
  • Improved the visual layout and presentation of the name history timeline for enhanced clarity and better connector line positioning.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
learn-tanstack-start	Ready	Preview, Comment	May 29, 2026 9:59am

[coderabbitai]

Warning

Review limit reached

@nikilok, we couldn't start this review because you've reached your PR review rate limit.

More reviews will be available in 31 minutes and 31 seconds. Learn how PR review limits work.

Your organization has run out of usage credits. Purchase more in the billing tab.

⌛ How to resolve this issue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans include higher PR review limits than trial, open-source, and free plans. In all cases, reviews become available again over time. During sustained high-volume PR review activity, CodeRabbit may temporarily slow when the next review becomes available.

Please see our Fair Usage Limits Policy for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: ea03077a-dae4-4869-b573-6239035fc373

📥 Commits

Reviewing files that changed from the base of the PR and between e6f2119 and 0b82543.

📒 Files selected for processing (1)

• apps/web/src/components/NameHistory.tsx

📝 Walkthrough

Walkthrough

The name history timeline rendering in NameHistory.tsx was updated to adjust how the connector line and circular marker are positioned for the last timeline item versus earlier items, switching from fixed height/top offsets to conditional top/bottom and inset-based styles.

Changes

Name History Timeline Rendering

Layer / File(s)	Summary
Timeline connector positioning apps/web/src/components/NameHistory.tsx	Refactored the conditional className logic for the vertical timeline line and marker span to use top/bottom/inset variants depending on whether the item is last, replacing fixed height/top offset rules.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Poem

🐰 A timeline stands tall, with positions so neat,
Where names flow like whispers, now perfectly sweet,
The last marker gleams in its rightful place,
No more fixed offsets—just style with grace! ✨

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately describes the main change: fixing vertical alignment of text relative to a bullet point in the NameHistory component's timeline rendering.
Docstring Coverage	✅ Passed	Docstring coverage is 100.00% which is sufficient. The required threshold is 80.00%.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/minor-glitches-previous-companies

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}