Layout Issues - Jellyfin Enhanced reviews causing overflow & KefinTweaks' "Episode On Series Page" alignment issues

[BigFlubba]

I have been facing some issues with this theme, with some alignment and some UI elements getting overflown when I use some options on some of the plugins I have installed.

First, when enabling any of the review types with the section expanded, they will cause the play & media buttons to overflow and make the right side extend beyond the screen, causing them to get cut off (provided they have enough (more than 7)).

Normal layout:

Expanded reviews are causing buttons & boxes to overflow and get cut off:

Jellyfin Enhanced reviews:

Second, when enabling KefinTweaks "Episode On Series Page," the positioning on the left is not aligned with the rest of the UI.

Episode previews alignment issue:

KefinTweaks' "Episodes on Series Page":

Jellyfin: v10.11.10
Jellyfin Enhanced: v11.11.0.0
KefinTweaks: 0.4.9
Scyfin: v1.5.5

Server-side custom CSS:

@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/scyfin-theme.css');
@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/disable-static-drawer.css');
@import url("https://cdn.jsdelivr.net/gh/intro-skipper/intro-skipper-css@main/skip-button.min.css");

/* Theme Variables */
:root {
    --primary-background-color: rgba(0,0,0,0.9);
    --secondary-background-color: rgba(2,2,2,0.9);
    --primary-background-transparent: rgba(2,2,2,0.4);
}
/* Increase backdrop image brightness and add some blur */
.backgroundContainer.withBackdrop {
  background-color: rgba(0,0,0,0.75);
  backdrop-filter: blur(10px);
}

/* Skip Button Settings */
:root {
    /* Skip button timing */
    --skip-hide-duration: 5s;
}

I am not sure if this could be fixed globally (integrated in a theme update), if I need to implement a fix with a CSS snippet for my environment, or if this needs to be fixed on the plugin side by submitting an issue on the plugin's repo.