fix various UI inconsistencies

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 6.08%. Comparing base (cc18ec3) to head (c530990). Report is 9 commits behind head on main.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #518 +/- ## ===================================== Coverage 6.08% 6.08% ===================================== Files 79 79 Lines 1365 1365 Branches 196 196 ===================================== Hits 83 83 + Misses 1282 1272 -10 - Partials 0 10 +10 ``` | [Flag](https://app.codecov.io/gh/andrew-codes/playnite-web/pull/518/flags?src=pr&el=flags&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Andrew+Smith) | Coverage Δ | | |---|---|---| | [component-tests](https://app.codecov.io/gh/andrew-codes/playnite-web/pull/518/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Andrew+Smith) | `14.03% <ø> (ø)` | | | [unit-tests](https://app.codecov.io/gh/andrew-codes/playnite-web/pull/518/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Andrew+Smith) | `5.35% <ø> (ø)` | | Flags with carried forward coverage won't be shown. [Click here](https://docs.codecov.io/docs/carryforward-flags?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Andrew+Smith#carryforward-flags-in-the-pull-request-comment) to find out more.

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

[github-actions[bot]]

:tada: This issue has been resolved in version 6.1.0 :tada:

The release is available on:

• v6.1.0
• GitHub release

Your semantic-release bot :package::rocket: