Why the bar doesn't fit when I resize my browser?

To have the best user experience and design, the bar is dynamically calculating its own height based on the configuration.

Therefore, the height is a fix number hence it doesn’t change when you play around the width of the browser.

When you refresh the page, the bar will display as you expect it.

So here is why we design the bar like this:

According to our user cases, the eCommerce customers won’t play the width of a browser like a developer.

In addition, mobile users won’t be able to change the width of a browser on there mobile. And most eCommerce users are using their mobile to shop online now.

Considering all the facts, we decide to have this logic applied to the height of the bar.