White borders around the category card

[EvgeniyDoctor]

This issue respects the following points:

• This issue is not already reported on GitHub (I've searched it).
• I agree to follow Jellyfin's Code of Conduct.
• This report addresses only a single issue; If you encounter multiple issues, kindly create separate reports for each one.

Describe the bug

After clicking on a category, a white border appears around it.
The screenshot shows the border around the "Series Live" category.

Reproduction Steps

1. go to main page
2. click on any category
3. you already can see the white border. Or you can press 'back' in your browser and enjoy these borders more

Expected/Actual behaviour

No borders.

Logs

No response

Server version

10.10.6

Web version

10.10.6

Build version

10.10.6

Platform

Linux

Browser

Vivaldi, Brave

Additional information

There was no such thing in the old versions (10.8.*). This bug appeared later and has been around for at least 1 year (!).

[jagadam97]

can confirm..

Not that noticeable tho at least for me.

Screencast.From.2025-04-12.14-44-04.mp4

[jagadam97]

only fix i was able to find was changing the display property of .cardImageContainer to None. Not sure if this may cause other UI issues.

But in my testing this was worrking fine.
@EvgeniyDoctor if the white borders are bothering you, you can test out my fix by add the below to custom css in your server

 .cardImageContainer {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 0.2em;
    display: none;
    align-items: center;
    justify-content: center;
    position: relative;
    background-clip: content-box !important;
    color: inherit;
    text-decoration: none;
}

[EvgeniyDoctor]

@jagadam97 no, your code does not work - now i do not have any previews at all, all cards are grey. This is working for me: * { outline: none !important }, but it is not a solution.