Adding a large number of items to cart breaks the new menu cart widget in the mobile header, creates whitespace with any order value over $100

## Prerequisites

- [x] I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
- [x] The issue still exists against the latest stable version of Elementor.

## Description

If you add a large number of items to cart(i did 999 as a test), the cart button will overflow the mobile header, creating whitespace on the right side.

## Steps to reproduce
1. Place the menu cart widget in the header.
2. Visit the site on a mobile device
3. Add an incredibly large amount of products to cart(999 for example)
4. The screen will now scroll left and right and display a large amount of white space on the right side of the page

Example

https://user-images.githubusercontent.com/31750063/136643733-5c83157b-a2c3-4680-815d-983cc9bd5522.mp4

Screenshot: https://imgur.com/a/lpBXR4H

Edit: The workaround I figured out was to go to positioning in the advanced tab, set the width to 88%. That seemingly fixed the issue.