TV Mode - Poster image either cropped or too high

[jpf55]

Describe the bug In TV mode, The title is missing and the poster image is either cropped or too high whether in TV Sows or Movies but it is perfect in Desktop mode.

To Reproduce @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/progress/floating.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/titlepage/title_simple-logo.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/type/dark_withaccent.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/cornerindicator/indicator_floating.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/fields/fields_border.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/login/login_frame.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/episodelist/episodes_compactlist.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/rounding.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/base.css');@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/accentlist.css');@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/fixes.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/jf_font.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/header/header_transparent.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/fixes.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/jf_font.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/header/header_transparent.css'); :root {--accent: 255,0,0;} .backdropImage {filter: blur(18px);} .backdropImage {filter: saturate(120%);} .backdropImage {filter: contrast(120%);} .backdropImage {filter: brightness(40%);} :root {--rounding: 12px;}

Screenshots in TV Mode in Desktop Mode

[SendNukez]

This is also present in Desktop mode when using an ultrawide monitor (3440x1440).

/* Icons */
/* @import url("https://cdn.jsdelivr.net/gh/prayag17/Jellyfin-Icons/Font%20Awesome/light.css"); */
@Import url("https://cdn.jsdelivr.net/gh/prayag17/Jellyfin-Icons/round.css");

/* General Theme */
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/fixes.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/jf_font.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/base.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/accentlist.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/rounding.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/smallercast.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/episodelist/episodes_grid.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/header/header_transparent.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/login/login_frame.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/fields/fields_border.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/cornerindicator/indicator_floating.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/type/dark_withaccent.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/titlepage/title_simple-logo.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/progress/floating.css');
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/effects/hoverglow.css');

:root {
  --rounding: 6px;
  --accent: 114, 137, 218;
}

/* Backdrop */
.backdropImage {
  filter: blur(60px) saturate(200%) contrast(160%) brightness(25%);
}

/* Make controls full width again */
.layout-desktop .osdControls {
  max-width: 100%;
}

[CTalvio]

Should be fixed by 39adc1ee48cd5a07fec458f04a78b1e171f2ccb7