From c460371886a150cbf88d764cc49b5bce9f579824 Mon Sep 17 00:00:00 2001
From: Jeroen Zwartepoorte <jeroen.zwartepoorte@iddinkgroup.com>
Date: Wed, 16 Nov 2022 11:41:55 +0100
Subject: [PATCH] Fix regression in the `#root` to `#storybook-root` change
 which breaks composition

---
 code/ui/manager/src/components/preview/FramesRenderer.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/code/ui/manager/src/components/preview/FramesRenderer.tsx b/code/ui/manager/src/components/preview/FramesRenderer.tsx
index b457e62383fd..21ca40879d47 100644
--- a/code/ui/manager/src/components/preview/FramesRenderer.tsx
+++ b/code/ui/manager/src/components/preview/FramesRenderer.tsx
@@ -58,12 +58,12 @@ export const FramesRenderer: FC<FramesRendererProps> = ({
   const active = getActive(refId);
 
   const styles = useMemo<CSSObject>(() => {
-    // add #storybook-root to make the selector high enough in specificity
+    // add #root to make the selector high enough in specificity
     return {
-      '#storybook-root [data-is-storybook="false"]': {
+      '#root [data-is-storybook="false"]': {
         display: 'none',
       },
-      '#storybook-root [data-is-storybook="true"]': {
+      '#root [data-is-storybook="true"]': {
         display: 'block',
       },
     };