How can I optimize mobile view for a currency converter app?

Hello, I’m using “BEST currency converter” free app, I’ve noticed that it doesn’t look very good in the mobile view.

Does anyone know how to make it more compact, for example displaying only the flag without the name of the currency, and ideally have it aligned to the cart (or perhaps it will align automatically once it takes less horizontal space)?

www.thespooperstore.com

Please place this code at the end of theme.scss

@media only screen and (max-width: 600px) {
.site-nav--mobile, .doubly-wrapper {
 display: inline-block;
}
.js-drawer-open-button-right {
padding: 6.5px;
}
.site-nav--mobile.text-right .doubly-wrapper {
    position: unset;
    right: unset;
    top: unset;
}
}

Thank you @Hardik29418 but it didn’t work :disappointed_face:

@diego_ezfy