From d09d8638d8b9c348a4ce009cae6f01f529449fd4 Mon Sep 17 00:00:00 2001
From: Amit Raj <harsh.harshraj.ra@gmail.com>
Date: Thu, 20 Jun 2024 01:17:05 +0530
Subject: [PATCH] undo

---
 .../variations/variations-typography.js       | 56 +++++++++----------
 1 file changed, 26 insertions(+), 30 deletions(-)

diff --git a/packages/edit-site/src/components/global-styles/variations/variations-typography.js b/packages/edit-site/src/components/global-styles/variations/variations-typography.js
index 07d390fec77233..689340cee9bd8e 100644
--- a/packages/edit-site/src/components/global-styles/variations/variations-typography.js
+++ b/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>