Merge pull request #17911 from storybookjs/fix-pseudo-class-potential…

…-unsafe-warning UI: Pseudo class potential unsafe warning
storybookjs · Apr 8, 2022 · 7366e9b · 7366e9b
2 parents c313cf8 + b35d409
commit 7366e9b
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/lib/components/src/blocks/Source.tsx b/lib/components/src/blocks/Source.tsx
@@ -1,5 +1,5 @@
 import React, { ComponentProps, FunctionComponent } from 'react';
-import { styled, ThemeProvider, convert, themes } from '@storybook/theming';
+import { styled, ThemeProvider, convert, themes, ignoreSsrWarning } from '@storybook/theming';
 import { EmptyBlock } from './EmptyBlock';
 
 import { SyntaxHighlighter } from '../syntaxhighlighter/lazy-syntaxhighlighter';
@@ -52,7 +52,7 @@ const SourceSkeletonPlaceholder = styled.div<{}>(({ theme }) => ({
   marginTop: 1,
   width: '60%',
 
-  '&:first-child': {
+  [`&:first-child${ignoreSsrWarning}`]: {
     margin: 0,
   },
 }));