Ensure that browse page content fits the screen

[SteveMicroNova]

In the image, I am running a mobile viewport simulator on top of our app and the "Now Playing" is being pushed off the page due to the long filename

Assess where to start wrapping text so that "Now Playing" and all other content will always fit

[SteveMicroNova]

This seems to also be following some sort of CSS grid format based on the fact that the usb icon in the top is to the left of the "Now Playing" text, that should be moved into the same column and have the sizings rebucketed and also either include the CustomMarquee component or be more willing to do break-word word wrapping if needed