diff --git a/config/jellyfin/Caddyfile b/config/jellyfin/Caddyfile
index a45dd36e88597489cb841c20a3460fa227d332ec..258b7d35d0c8bcee1c1f1bf3c9ea059118c6481d 100644
--- a/config/jellyfin/Caddyfile
+++ b/config/jellyfin/Caddyfile
@@ -10,43 +10,62 @@ jelly.{$HOME_DOMAIN} {
 			@import url("https://jellyfin.catppuccin.com/catppuccin-macchiato.css");
 			@import url("https://jellyfin.catppuccin.com/catppuccin-latte.css") (prefers-color-scheme: light);
 
-			body { font-family: "Name Sans", sans-serif;}
-			.preload, .touch-menu-la, .mainDrawer-scrollContainer {
-			background-color: var(--main-background);
-			color: var(--main-text);}
-
+      /* font */
+			body { font-family: "Name Sans", sans-serif }
 			:root {
-			--main-color: var(--sapphire);
-			--jf-font-button: 500 0.875rem / 1.75 "Name Sans", sans-serif;
-			--jf-font-h1: 300 1.8rem / 1.167 "Name Sans", sans-serif;
-			--jf-font-h2: 300 1.5rem / 1.2 "Name Sans", sans-serif;
-			--jf-font-h3: 400 1.17rem / 1.167 "Name Sans", sans-serif;
-			--jf-font-h4: 400 2.125rem / 1.235 "Name Sans", sans-serif;
-			--jf-font-h5: 400 1.5rem / 1.334 "Name Sans", sans-serif;
-			--jf-font-h6: 500 1.25rem / 1.6 "Name Sans", sans-serif;
-			--jf-font-subtitle1: 400 1rem / 1.75 "Name Sans", sans-serif;
-			--jf-font-subtitle2: 500 0.875rem / 1.57 "Name Sans", sans-serif;
-			--jf-font-body1: 400 1rem / 1.5 "Name Sans", sans-serif;
-			--jf-font-body2: 400 0.875rem / 1.43 "Name Sans", sans-serif;
-			--jf-font-caption: 400 0.75rem / 1.66 "Name Sans", sans-serif;
-			--jf-font-overline: 400 0.75rem / 2.66 "Name Sans", sans-serif;
-			--jf-font-inherit: inherit inherit / inherit inherit;}
-
-			.pageTitleWithDefaultLogo { background-image: url(/web/extra/cloverfin-banner.png)!important;}
-			.layout-tv .pageTitleWithDefaultLogo { background-image: url(/web/extra/cloverfin-icon.png)!important;}
-			.splashLogo { background-image: url(/web/extra/cloverfin-icon.png)!important;}
-
-			@media (min-device-width: 992px) {
-			.splashLogo { background-image: url(/web/extra/cloverfin-banner.png)!important;}}
+        --main-color: var(--sapphire);
+        --jf-font-button: 500 0.875rem / 1.75 "Name Sans", sans-serif;
+        --jf-font-h1: 300 1.8rem / 1.167 "Name Sans", sans-serif;
+        --jf-font-h2: 300 1.5rem / 1.2 "Name Sans", sans-serif;
+        --jf-font-h3: 400 1.17rem / 1.167 "Name Sans", sans-serif;
+        --jf-font-h4: 400 2.125rem / 1.235 "Name Sans", sans-serif;
+        --jf-font-h5: 400 1.5rem / 1.334 "Name Sans", sans-serif;
+        --jf-font-h6: 500 1.25rem / 1.6 "Name Sans", sans-serif;
+        --jf-font-subtitle1: 400 1rem / 1.75 "Name Sans", sans-serif;
+        --jf-font-subtitle2: 500 0.875rem / 1.57 "Name Sans", sans-serif;
+        --jf-font-body1: 400 1rem / 1.5 "Name Sans", sans-serif;
+        --jf-font-body2: 400 0.875rem / 1.43 "Name Sans", sans-serif;
+        --jf-font-caption: 400 0.75rem / 1.66 "Name Sans", sans-serif;
+        --jf-font-overline: 400 0.75rem / 2.66 "Name Sans", sans-serif;
+        --jf-font-inherit: inherit inherit / inherit inherit;
+      }
 
+      /* branding */
+			.preload, .touch-menu-la, .mainDrawer-scrollContainer {
+        background-color: var(--main-background);
+        color: var(--main-text);
+      }
+			.pageTitleWithDefaultLogo { background-image: url(/web/extra/cloverfin-banner.png)!important; }
+			.layout-tv .pageTitleWithDefaultLogo { background-image: url(/web/extra/cloverfin-icon.png)!important; }
+			.splashLogo { background-image: url(/web/extra/cloverfin-icon.png)!important; }
+			@media (min-device-width: 992px) { .splashLogo { background-image: url(/web/extra/cloverfin-banner.png)!important } }
 			@media (prefers-color-scheme: light) {
-			.pageTitleWithDefaultLogo { background-image: url(/web/extra/cloverfin-banner-light.png)!important;}
-			.layout-tv .pageTitleWithDefaultLogo { background-image: url(/web/extra/cloverfin-icon-light.png)!important;}
-			.splashLogo { background-image: url(/web/extra/cloverfin-icon-light.png)!important;}}
-
+        .pageTitleWithDefaultLogo { background-image: url(/web/extra/cloverfin-banner-light.png)!important }
+        .layout-tv .pageTitleWithDefaultLogo { background-image: url(/web/extra/cloverfin-icon-light.png)!important }
+        .splashLogo { background-image: url(/web/extra/cloverfin-icon-light.png)!important }
+      }
 			@media (min-device-width: 992px) and (prefers-color-scheme: light) {
-			.splashLogo { background-image: url(/web/extra/cloverfin-banner-light.png)!important;}}
+        .splashLogo { background-image: url(/web/extra/cloverfin-banner-light.png)!important }
+      }
 
+      /* theme fixes */
+      .playlistSectionButton, .noBackdropTransparency .detailPagePrimaryContainer {
+        background: rgb(from var(--main-background) r g b / 50%;
+      }
+      .selectLabel {
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        font-weight: bold;
+        margin: 0;
+      }
+      .selectArrowContainer {
+        position: absolute;
+        display: flex;
+        align-items: center;
+        height: 100%;
+      }
+      .selectArrow { margin: 0; }
 			`
 		}
 	}