[Drawer] Left and right anchored Drawers overexpand with inner Tabs

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

When using tabs inside a Drawer component with top or bottom anchor, it expands the drawer outside the viewport

Expected behavior 🤔

The Drawer should not expand outside of the viewport

Steps to reproduce 🕹

https://codesandbox.io/s/quirky-lucy-dzp1ub

Steps:

1. Create a Drawer with an anchor left or right
2. Create a Tabs component within
3. Create enough Tab components within that to require scroll

Context 🔦

No response

Your environment 🌎

Browser: Google Chrome

  System:
    OS: macOS 11.5.2
  Binaries:
    Node: 17.1.0 - ~/.nvm/versions/node/v17.1.0/bin/node
    Yarn: 1.22.17 - /usr/local/bin/yarn
    npm: 8.1.2 - ~/.nvm/versions/node/v17.1.0/bin/npm
  Browsers:
    Chrome: 99.0.4844.51
    Edge: Not Found
    Firefox: 96.0.2
    Safari: 14.1.2

Start by reproducing the issue in the linked CodeSandbox with a left- or right-anchored Drawer containing enough Tabs to require scrolling. Inspect the Drawer and Tabs components to identify why the Drawer exceeds the viewport, then verify that the same reproduction remains within the viewport.