Navbar Word Wrap on Small Screens

### Have you read the Contributing Guidelines on issues?

- [X] I have read the [Contributing Guidelines on issues](https://github.com/facebook/docusaurus/blob/main/CONTRIBUTING.md#reporting-new-issues).

### Prerequisites

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

### Description

Names on the Navbar Wrap when using website on smaller screens (i.e. 13" Laptop, Tablet, iPad)

Screenshot below:


### Reproducible demo

https://github.com/Comp-Labs/comp-labs-website

### Steps to reproduce

1. Run the website on a smaller screen (13" Laptop, Tablet, iPad).
2. See the Navbar.

### Expected behavior

The Navbar should look the same whether it is Small Laptop or a Big 24" Desktop.

### Actual behavior

Navbar Items Wrap up on small screens as in the screenshot below.


### Your environment

- Public source code: https://github.com/Comp-Labs/comp-labs-website
- Public site URL: https://complabs.in
- Docusaurus version used: 2.0.0-beta.21 (latest)
- Environment name and version (e.g. Chrome 89, Node.js 16.4): Chrome Version 102.0.5005.115 (Official Build) (64-bit) | Node v17.2.0
- Operating system and version (e.g. Ubuntu 20.04.2 LTS): Windows 11 Pro Dev Insider Build 25140.2000

### Self-service

- [ ] I'd be willing to fix this bug myself.