undo

packages/edit-site/src/components/global-styles/variations/variations-typography.js

@@ -5,7 +5,6 @@ import {
 	__experimentalGrid as Grid,
 	__experimentalVStack as HStack,
 	__experimentalVStack as VStack,
-	Tooltip,
 } from '@wordpress/components';
 
 /**
@@ -36,38 +35,35 @@ export default function TypographyVariations( { title, gap = 2 } ) {
 				{ typographyVariations &&
 					typographyVariations.length &&
 					typographyVariations.map( ( variation, index ) => (
-						<Tooltip key={ index } text={ variation?.title }>
-							<div>
-								<Variation
-									variation={ variation }
-									property="typography"
+						<Variation
+							key={ index }
+							variation={ variation }
+							property="typography"
+						>
+							{ ( isFocused ) => (
+								<PreviewIframe
+									label={ variation?.title }
+									isFocused={ isFocused }
 								>
-									{ ( isFocused ) => (
-										<PreviewIframe
-											label={ variation?.title }
-											isFocused={ isFocused }
+									{ ( { ratio, key } ) => (
+										<HStack
+											key={ key }
+											spacing={ 10 * ratio }
+											justify="center"
+											style={ {
+												height: '100%',
+												overflow: 'hidden',
+											} }
 										>
-											{ ( { ratio, key } ) => (
-												<HStack
-													key={ key }
-													spacing={ 10 * ratio }
-													justify="center"
-													style={ {
-														height: '100%',
-														overflow: 'hidden',
-													} }
-												>
-													<TypographyExample
-														variation={ variation }
-														fontSize={ 85 * ratio }
-													/>
-												</HStack>
-											) }
-										</PreviewIframe>
+											<TypographyExample
+												variation={ variation }
+												fontSize={ 85 * ratio }
+											/>
+										</HStack>
 									) }
-								</Variation>
-							</div>
-						</Tooltip>
+								</PreviewIframe>
+							) }
+						</Variation>
 					) ) }
 			</Grid>
 		</VStack>