From bc9abc6d62a4dadb21b0df29921704b416ab5c51 Mon Sep 17 00:00:00 2001
From: Danny White <3104761+dnywh@users.noreply.github.com>
Date: Fri, 2 Oct 2026 17:29:26 +1000
Subject: [PATCH] finish removing sidebar bg override from previews

---
 apps/design-system/components/component-preview.tsx | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/apps/design-system/components/component-preview.tsx b/apps/design-system/components/component-preview.tsx
index f2b1197ec62..b9898033daa 100644
--- a/apps/design-system/components/component-preview.tsx
+++ b/apps/design-system/components/component-preview.tsx
@@ -141,13 +141,10 @@ export function ComponentPreview({
   return (
     <div className={cn('mt-4 mb-12', wideClasses)}>
       <div
-        className={cn(
-          'relative overflow-hidden bg-studio [&_[data-sidebar=sidebar]]:bg-transparent',
-          {
-            'rounded-tl-md rounded-tr-md border-t border-l border-r': !hideCode,
-            'rounded-md border': hideCode,
-          }
-        )}
+        className={cn('relative overflow-hidden bg-studio', {
+          'rounded-tl-md rounded-tr-md border-t border-l border-r': !hideCode,
+          'rounded-md border': hideCode,
+        })}
       >
         {showGrid && (
           <div className="pointer-events-none absolute h-full w-full bg-[linear-gradient(to_right,oklch(from_var(--foreground-default)_l_c_h_/_0.02)_1px,transparent_1px),linear-gradient(to_bottom,#80808012_1px,transparent_1px)] bg-size-[24px_24px]"></div>