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>