fix error

- settings not showing up

Author: kaeizen

src/components/style-guide/components.js

@@ -249,7 +249,6 @@ export const BlockStyles = ( { allBlockStyles, className } ) => {
 				return ( <Fragment key={ index }>
 					<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ blockTitle }</h2>
 					<div className={ `ugb-style-guide__elements ugb-style-guide__preview-root ${ className }` }>
-						<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ blockName }</h2>
 						{ /* Render Default Block Style */ }
 						<RenderBlock key={ 0 } blockName={ blockName } />
 						{ blockStyles.map( ( blockStyle, styleIndex ) => (

src/components/style-guide/index.js

@@ -18,10 +18,6 @@ import { __ } from '@wordpress/i18n'
 
 export { default as StyleGuidePopover } from './popover'
 
-const THEME_STYLES = wpGlobalStylesInlineCss.replaceAll( ':root', '&' ).replace( /[^\-](\bbody)/g, ( match, p1 ) => {
-	return match.replace( p1, '.ugb-style-guide__preview-root' )
-} )
-
 // TODO: This is not yet finished
 const StyleGuide = props => {
 	const { designSystem, contentRef = null } = props
@@ -37,6 +33,10 @@ const StyleGuide = props => {
 		previewClassNames = '',
 	} = designSystem
 
+	const THEME_STYLES = wpGlobalStylesInlineCss.replaceAll( ':root', '&' ).replace( /[^\-](\bbody)/g, ( match, p1 ) => {
+		return match.replace( p1, '.ugb-style-guide__preview-root' )
+	} )
+
 	return (
 		<>
 			<div className="ugb-style-guide">