diff --git a/ui/blocks/src/BlockContainer/story/StoryBlockContainer.tsx b/ui/blocks/src/BlockContainer/story/StoryBlockContainer.tsx
index 31dbdbacf..6684f24d1 100644
--- a/ui/blocks/src/BlockContainer/story/StoryBlockContainer.tsx
+++ b/ui/blocks/src/BlockContainer/story/StoryBlockContainer.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { FC, useContext } from 'react';
 import {
   BlockContainer,
   BlockContainerProps,
@@ -10,6 +10,7 @@ import {
   StoryContextProps,
 } from '../../context';
 import { CURRENT_STORY, getStoryBlockTitle } from '../../utils';
+import { PlaygroundContext } from '../../Playground/PlaygroundContext';
 
 export type StoryBlockContainerProps = StoryInputProps & BlockContainerProps;
 
@@ -37,6 +38,7 @@ export const StoryBlockContainer: FC<StoryBlockContainerAllProps> = ({
     id,
     name,
   });
+  const playground = useContext(PlaygroundContext);
   const { story } = context;
   const title = getStoryBlockTitle({
     story,
@@ -44,7 +46,8 @@ export const StoryBlockContainer: FC<StoryBlockContainerAllProps> = ({
   });
   const block = children && children(context, rest);
   const description =
-    userDescription || (useStoryDescription ? story?.description : undefined);
+    (playground === undefined && userDescription) ||
+    (useStoryDescription ? story?.description : undefined);
   return block ? (
     <BlockContainer
       data-testid={dataTestid}
diff --git a/ui/blocks/src/Playground/Playground.tsx b/ui/blocks/src/Playground/Playground.tsx
index 57ce1ca5c..96db62422 100644
--- a/ui/blocks/src/Playground/Playground.tsx
+++ b/ui/blocks/src/Playground/Playground.tsx
@@ -11,6 +11,7 @@ import {
   ActionItems,
 } from '@component-controls/components';
 import { BlockDataContext, useCustomProps } from '../context';
+import { PlaygroundContext } from './PlaygroundContext';
 
 import {
   StoryBlockContainer,
@@ -170,7 +171,11 @@ export const Playground: FC<PlaygroundProps> = ({ children, ...props }) => {
           background={background}
           direction={direction}
         >
-          <Zoom scale={scale || 1}>{children}</Zoom>
+          <Zoom scale={scale || 1}>
+            <PlaygroundContext.Provider value={{ useDescription: true }}>
+              {children}
+            </PlaygroundContext.Provider>
+          </Zoom>
         </PanelContainer>
       )}
     </StoryBlockContainer>
diff --git a/ui/blocks/src/Playground/PlaygroundContext.tsx b/ui/blocks/src/Playground/PlaygroundContext.tsx
new file mode 100644
index 000000000..b76f6e1af
--- /dev/null
+++ b/ui/blocks/src/Playground/PlaygroundContext.tsx
@@ -0,0 +1,8 @@
+import { createContext } from 'react';
+
+export interface PlaygroundContextProps {
+  useDescription: boolean;
+}
+export const PlaygroundContext = createContext<PlaygroundContextProps>({
+  useDescription: false,
+});
diff --git a/ui/blocks/src/Playground/index.ts b/ui/blocks/src/Playground/index.ts
index 469667aff..4f7169a0f 100644
--- a/ui/blocks/src/Playground/index.ts
+++ b/ui/blocks/src/Playground/index.ts
@@ -1 +1,2 @@
 export * from './Playground';
+export * from './PlaygroundContext';