I finally found the issue. I had added this CSS Custom code to make sure that the menu would stay in one line and it was causing the mobile version to stretch out the shopping cart.
// wide menu
.header-nav {
width: 90% !important;
flex: 1 1 90% !important;
}
.header-title-nav-wrapper {
flex: 1 0 80% !important;
}
Do you guys have any idea to fix the code for mobile so that I can keep using it?