feat(Tip): L/R center narrow maxWidth

[dreamwasp]

Overview

maxWidth of horizontal Tooltips is now 64px. i also cleaned up some other width inconsistencies i noticed

PR Checklist

• Related to JIRA ticket: GMT-115
• I have run this code to verify it works
• This PR includes unit tests for the code change
• This PR includes testing instructions tests for the code change
• The alpha package of this PR is passing end-to-end tests in all relevant Codecademy repositories

Testing Instructions

1. Go to the Tooltip story
2. Type something short into the ToolTip story and see that with narrow toggled on the tip is the width of the content
3. Do the same for the floating variant
4. Type something long and see the maxWidth is 64px

PR Links and Envs

Repository	PR Link
Monolith	Monolith PR
Mono	Mono PR

[nx-cloud]

View your CI Pipeline Execution ↗ for commit d7016db

---

☁️ Nx Cloud last updated this comment at 2025-11-03 14:24:18 UTC

[aresnik11]

is this expected? inline vs floating

[dreamwasp]

is this expected? inline vs floating

is this

is this expected? inline vs floating

this is the non-narrow version? must be the same beak issue i was seeing with narrow, will fix

[codecademydev]

📬 Published Alpha Packages:

@codecademy/[email protected]
@codecademy/[email protected]

[github-actions]

🚀 Styleguide deploy preview ready!

Preview URL: https://6908bb9c93fa1f43eee6b306--gamut-preview.netlify.app
Deploy Logs: https://app.netlify.com/projects/gamut-preview/deploys/6908bb9c93fa1f43eee6b306