UI bug - Wierd displacement in content pagesdisplacement

[Hectik]

I tried two themes, Jellytheme and Jellyflix, with Skin Manager and got the same result. I have no other CSS customization.

This is in branding.xml

Code:

<?xml version="1.0" encoding="utf-8"?>
<BrandingOptions xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema">
  <CustomCss>@import url('https://cdn.jsdelivr.net/gh/ShiniGandhi/JellyTheme@latest/latest/JellyTheme.css');
/* JellyTheme */@import url('https://cdn.jsdelivr.net/gh/ShiniGandhi/JellyTheme@latest/latest/Resize-Cards.css');
@import url('https://cdn.jsdelivr.net/gh/ShiniGandhi/JellyTheme@latest/latest/Resize-Cards.css');
:root {--accent:rgba(255,0,0,1)!important;}
</CustomCss>
  <SplashscreenEnabled>false</SplashscreenEnabled>
</BrandingOptions>

I have a few customizations in the index.html for title and seasonal "animation". I've also replaced a few assets through volume mappings.

I have tried downing, system prune -a and running the container again but I get the same results. Could something in the config folder be causing this? That is the only folder that is fully volume mapped