diff --git a/src/app/components/nav/styles.css.ts b/src/app/components/nav/styles.css.ts
index a7f3053d..70344c04 100644
--- a/src/app/components/nav/styles.css.ts
+++ b/src/app/components/nav/styles.css.ts
@@ -12,6 +12,13 @@ export const NavCategory = style([
 
 export const NavCategoryHeader = style({
   gap: config.space.S100,
+  selectors: {
+    // Category labels sit on the scene like the rows do, and need the same scrim to be read.
+    ':root[data-scene] &': {
+      backgroundColor: `color-mix(in srgb, ${surfaceInk} 62%, transparent)`,
+      borderRadius: config.radii.R400,
+    },
+  },
 });
 
 export const NavLink = style({