From 5601445a6bc7dc0d789820fe79d0e05fa3edda3e Mon Sep 17 00:00:00 2001
From: dkmyta <dkmyta10@gmail.com>
Date: Fri, 20 Dec 2024 14:49:06 -0800
Subject: [PATCH] Fix console errors

---
 .../components/threats-modal/index.tsx        | 20 +++++++++++--------
 .../threats-modal/styles.module.scss          |  4 ++--
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/projects/js-packages/components/components/threats-modal/index.tsx b/projects/js-packages/components/components/threats-modal/index.tsx
index e594be476badf..69b1eb449b03c 100644
--- a/projects/js-packages/components/components/threats-modal/index.tsx
+++ b/projects/js-packages/components/components/threats-modal/index.tsx
@@ -88,14 +88,18 @@ export default function ThreatsModal( {
 	return (
 		<Modal
 			title={
-				isBulk ? (
-					<Text variant="title-small">{ __( 'Fix all threats', 'jetpack-components' ) }</Text>
-				) : (
-					<div className={ styles.threat__title }>
-						<Text variant="title-small">{ getLabel( firstThreat ) }</Text>
-						{ !! firstThreat.severity && <ThreatSeverityBadge severity={ firstThreat.severity } /> }
-					</div>
-				)
+				<Text className={ styles.threat__title }>
+					{ isBulk ? (
+						__( 'Fix all threats', 'jetpack-components' )
+					) : (
+						<>
+							{ getLabel( firstThreat ) }
+							{ !! firstThreat.severity && (
+								<ThreatSeverityBadge severity={ firstThreat.severity } />
+							) }
+						</>
+					) }
+				</Text>
 			}
 			size="large"
 			{ ...modalProps }
diff --git a/projects/js-packages/components/components/threats-modal/styles.module.scss b/projects/js-packages/components/components/threats-modal/styles.module.scss
index b85c0c4e9b083..31e9f442132b5 100644
--- a/projects/js-packages/components/components/threats-modal/styles.module.scss
+++ b/projects/js-packages/components/components/threats-modal/styles.module.scss
@@ -2,7 +2,7 @@
 	display: flex;
 	align-items: center;
 	gap: calc( var( --spacing-base) * 2 ); // 16px
-	flex-wrap: wrap;
+	font-size: 20px;
 }
 
 .threat__details {
@@ -24,7 +24,7 @@
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
-	height: 112px;
+	min-height: 120px;
 	cursor: pointer;
 
 	&:first-of-type {