diff --git a/desktop/src/features/market/ui/MarketScreen.tsx b/desktop/src/features/market/ui/MarketScreen.tsx
index a7c49c9850..4b2b85c944 100644
--- a/desktop/src/features/market/ui/MarketScreen.tsx
+++ b/desktop/src/features/market/ui/MarketScreen.tsx
@@ -153,7 +153,7 @@ export function MarketScreen({ scenarioId }: { scenarioId: MarketScenarioId }) {
         "relative flex min-h-0 min-w-0 flex-1 overflow-hidden bg-sidebar",
         sidebar?.open === false && "pl-2",
       )}
-      data-market-context-detached="true"
+      data-buzz-context-detached="true"
       data-testid="market-screen"
     >
       <section className="mb-2 ml-px mt-px flex min-h-0 min-w-60 flex-1 flex-col overflow-hidden rounded-2xl bg-background">
diff --git a/desktop/src/shared/styles/globals/components.css b/desktop/src/shared/styles/globals/components.css
index 033ab2585d..9d2e1e62ff 100644
--- a/desktop/src/shared/styles/globals/components.css
+++ b/desktop/src/shared/styles/globals/components.css
@@ -786,11 +786,10 @@
 }
 
 /*
- * Project context (repository detail and the projects overview rail) is a
- * sibling pod, not a column inside the app's standard content card. This
- * deliberately sits outside the cascade layers so it can unframe the
- * utility-styled content surface. Closing the panel or opening chat removes
- * the marker and restores the normal framed surface.
+ * Detached context rails are sibling pods, not columns inside the app's
+ * standard content card. This deliberately sits outside the cascade layers so
+ * it can unframe the utility-styled content surface. Closing the panel or
+ * opening chat removes the marker and restores the normal framed surface.
  */
 [data-buzz-content-surface]:has([data-project-detail-screen]),
 :root[data-buzz-sidebar]:not(.dark)
@@ -801,10 +800,15 @@
 }
 
 [data-buzz-content-surface]:has([data-project-context-detached="true"]),
+[data-buzz-content-surface]:has([data-buzz-context-detached="true"]),
 :root[data-buzz-sidebar]:not(.dark)
   [data-buzz-content-surface]:has([data-project-context-detached="true"]),
+:root[data-buzz-sidebar]:not(.dark)
+  [data-buzz-content-surface]:has([data-buzz-context-detached="true"]),
 :root[data-buzz-sidebar].dark
-  [data-buzz-content-surface]:has([data-project-context-detached="true"]) {
+  [data-buzz-content-surface]:has([data-project-context-detached="true"]),
+:root[data-buzz-sidebar].dark
+  [data-buzz-content-surface]:has([data-buzz-context-detached="true"]) {
   background: transparent;
   border-radius: 0;
   box-shadow: none;
diff --git a/desktop/tests/e2e/market-prototype-screenshots.spec.ts b/desktop/tests/e2e/market-prototype-screenshots.spec.ts
index 6409d00011..f0e2fcbbab 100644
--- a/desktop/tests/e2e/market-prototype-screenshots.spec.ts
+++ b/desktop/tests/e2e/market-prototype-screenshots.spec.ts
@@ -23,6 +23,19 @@ test.describe("market channel prototype", () => {
 
       const market = page.getByTestId("market-screen");
       await expect(market).toBeVisible();
+      const detachedSurface = await market.evaluate((element) => {
+        const contentSurface = element.closest("[data-buzz-content-surface]");
+        if (!(contentSurface instanceof HTMLElement)) return null;
+        const style = window.getComputedStyle(contentSurface);
+        return {
+          backgroundColor: style.backgroundColor,
+          borderTopLeftRadius: style.borderTopLeftRadius,
+        };
+      });
+      expect(detachedSurface).toEqual({
+        backgroundColor: "rgba(0, 0, 0, 0)",
+        borderTopLeftRadius: "0px",
+      });
       await expect(
         market.getByText("Agents participate · Humans observe"),
       ).toBeVisible();