Lowercase descenders (g, j, p, q, and y) are cut off in blog author titles

[josh-wong]

Have you read the Contributing Guidelines on issues?

• I have read the Contributing Guidelines on issues.

Prerequisites

• I'm using the latest version of Docusaurus.
• I have tried the npm run clear or yarn clear command.
• I have tried rm -rf node_modules yarn.lock package-lock.json and re-installing packages.
• I have tried creating a repro with https://new.docusaurus.io.
• I have read the console error message carefully (if applicable).

Description

After introducing social icons in the blog author header in 3.5.0, descenders in lowercase letters (g, j, p, q, and y) in author titles are cut off.

Blog home page

Blog post

Blog authors page

Single blog author page

Reproducible demo

No response

Steps to reproduce

As shown in the screenshots, this issue can be seen on the following pages:

• Blog home page
• Individual blog posts
• Author

Expected behavior

Lowercase descenders (g, j, p, q, and y) in blog author titles should appear.

Actual behavior

Lowercase descenders (g, j, p, q, and y) in blog author titles are cut off.

Your environment

• Public source code: https://github.com/josh-wong/josh-wong.github.io
• Public site URL: https://www.080f53.com/
• Docusaurus version used: 3.5.1
• Environment name and version (e.g. Chrome 89, Node.js 16.4):
  • Google Chrome 127.0.6533.99
  • Brave 1.68.137
  • Safari 17.5
  • Microsoft Edge 127.0.2651.98
• Operating system and version (e.g. Ubuntu 20.04.2 LTS):
  • macOS 13.6.7
  • Windows 11 Pro 23H2 (Build 22631.3958)

Self-service

• I'd be willing to fix this bug myself.

[josh-wong]

Closing this issue since #10390, which fixes this issue, has been merged.