Describe the bug
The dropdown menu under the navbar gets off-viewport on mobile like the screenshot.

To Reproduce
Steps to reproduce the behavior:

1. Navigate to 'Navbar Component page'
2. Click on 'hamburger menu' under the Basic Example.
3. Click on 'Alarm or Profile icon' to open a dropdown menu.

Expected behavior
The dropdown menu appears in the viewport.

Actual behavior
The half of the dropdown menu appears outside the viewport.

Desktop (please complete the following information):

• OS: Windows 11 22H2
• Browser Chrome 116.0.5845.97, Firefox 116.0.3

Smartphone (please complete the following information):

• Device: iPhone XS max
• OS: iOS 16.6
• Browser Safari

Additional context