🐛 Bug - Fix Button Height Inconsistency on Navigation

Requested by: @isaaclombardssw via YakShaver.ai 🦬 cc: @isaaclombardssw, @brookjeynes-ssw, @Marxoz, @landonmaxwell, @wicksipedia, @adamcogan

Hi Team!

  🟥  Watch the video (50 sec)

  Url from screen share: https://tina-ffrmjsjph-tinacms.vercel.app/docs/beginner-tutorial/nextjs-app

Pain

The navigation buttons on the ⭐ Tina.io documentation page have inconsistent heights when the text overflows. This affects the visual consistency of the page and needs to be fixed.

Acceptance Criteria

1. Navigation buttons should have consistent heights regardless of text overflow.
2. Text overflow should be handled without affecting button height.
3. Visual appearance of the buttons should be consistent across different pages.

Reproduce Steps

1. Navigate to the ⭐ Tina.io documentation page.
2. Locate the navigation buttons at the bottom of the page.
3. Observe the height difference between buttons when text overflows.

Screenshot

Figure: Button height inconsistency due to text overflow