Footer links are too wide in mobile view which leads to misclicks

[rtxa]

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

Footer links are too wide in mobile view which leads to misclicks.

Reproducible demo

No response

Steps to reproduce

1. Deploy a fresh docusaurus with https://new.docusaurus.io/.
2. Scroll down to footer in mobile view
3. Click the background of the footer

Expected behavior

Footer link collision box should expand only to the text only and not the whole screen for a better mobile experience.

Actual behavior

Footer links are too wide in mobile view which leads to misclicks, if you scroll down with your phone to the footer, and then you try to scroll up by pressing from the background, sometimes it can happen you end up clicking a footer link, which is undesirable and unexpected for the user.

Your environment

No response

Self-service

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

[rtxa]

Thank you, that was quick!