diff --git a/apps/electron-backend-e2e/src/detail-header-back.e2e.ts b/apps/electron-backend-e2e/src/detail-header-back.e2e.ts
index fbe3b4a73..2f8a4ec57 100644
--- a/apps/electron-backend-e2e/src/detail-header-back.e2e.ts
+++ b/apps/electron-backend-e2e/src/detail-header-back.e2e.ts
@@ -21,9 +21,9 @@ import {
 // lane. Checked at a wide and a narrow desktop window and at phone width,
 // where Back takes the context drawer toggle's slot.
 //
-// The "Seasons and Episodes" heading must also stay on one line: the detail
-// pane is far narrower than the window beside the rail and category panel,
-// and the heading used to wrap beside its actions.
+// The "Episodes" heading must also stay on one line: the detail pane is far
+// narrower than the window beside the rail and category panel, and the
+// heading used to wrap beside its actions.
 // ---------------------------------------------------------------------------
 
 const widths = [1280, 780, 375];
@@ -36,8 +36,8 @@ const widestHeading = (
             join(__dirname, `../../web/src/assets/i18n/${widestLocale}.json`),
             'utf8'
         )
-    ) as { PORTALS: { SEASONS_AND_EPISODES: string } }
-).PORTALS.SEASONS_AND_EPISODES;
+    ) as { PORTALS: { DETAIL: { EPISODES: string } } }
+).PORTALS.DETAIL.EPISODES;
 
 const detailUrlPattern = /\/workspace\/xtreams\/[^/]+\/series\/[^/]+\/[^/]+$/;
 
@@ -47,14 +47,16 @@ function headerBack(page: Page): Locator {
 
 /** Line boxes of the heading's text; 1 means it did not wrap. */
 function headingLineCount(page: Page): Promise<number> {
-    return page.locator('.section-title').evaluate((heading) => {
-        const range = document.createRange();
-        range.selectNodeContents(heading);
-        const lines = [...range.getClientRects()]
-            .filter((rect) => rect.width > 0)
-            .map((rect) => Math.round(rect.top));
-        return new Set(lines).size;
-    });
+    return page
+        .locator('[data-test-id="episodes-heading"]')
+        .evaluate((heading) => {
+            const range = document.createRange();
+            range.selectNodeContents(heading);
+            const lines = [...range.getClientRects()]
+                .filter((rect) => rect.width > 0)
+                .map((rect) => Math.round(rect.top));
+            return new Set(lines).size;
+        });
 }
 
 /**
@@ -174,9 +176,12 @@ async function expectWidestHeadingOnOneLine(
     await saveSettings(page);
     await page.goBack();
     await page.waitForURL(detailUrl);
-    await expect(page.locator('.section-title')).toHaveText(widestHeading, {
-        timeout: 20_000,
-    });
+    await expect(page.locator('[data-test-id="episodes-heading"]')).toHaveText(
+        widestHeading,
+        {
+            timeout: 20_000,
+        }
+    );
     for (const width of [...widths, 700]) {
         await page.setViewportSize({ width, height: 800 });
         expect(
@@ -203,9 +208,11 @@ async function openFirstSeries(page: Page): Promise<string> {
     await page.getByRole('link', { name: 'Series', exact: true }).click();
     await clickFirstGridListCard(page);
     await page.waitForURL(detailUrlPattern);
-    await expect(page.locator('.section-title')).toBeVisible({
-        timeout: 20_000,
-    });
+    await expect(page.locator('[data-test-id="episodes-heading"]')).toBeVisible(
+        {
+            timeout: 20_000,
+        }
+    );
     await expect(page.locator('.episode-card').first()).toBeVisible({
         timeout: 20_000,
     });
diff --git a/libs/ui/components/src/lib/portal-detail-shell/portal-detail-shell.component.scss b/libs/ui/components/src/lib/portal-detail-shell/portal-detail-shell.component.scss
index ba3bc3715..c3fcb45e8 100644
--- a/libs/ui/components/src/lib/portal-detail-shell/portal-detail-shell.component.scss
+++ b/libs/ui/components/src/lib/portal-detail-shell/portal-detail-shell.component.scss
@@ -9,8 +9,16 @@
     --text-primary: var(--app-heading-color, #1a1d23);
     --text-secondary: var(--app-body-color, #4a5060);
     --text-muted: var(--app-muted-color, #8891a4);
-    --tag-bg: color-mix(in srgb, var(--app-on-surface, #1d1b1e) 10%, transparent);
-    --tag-border: color-mix(in srgb, var(--app-on-surface, #1d1b1e) 14%, transparent);
+    --tag-bg: color-mix(
+        in srgb,
+        var(--app-on-surface, #1d1b1e) 10%,
+        transparent
+    );
+    --tag-border: color-mix(
+        in srgb,
+        var(--app-on-surface, #1d1b1e) 14%,
+        transparent
+    );
     --poster-shadow: 0 18px 40px rgba(0, 0, 0, 0.3);
     --content-max-width: 1400px;