From 288ee6079fa2cac1ab4e80be5c67ef924e0e5469 Mon Sep 17 00:00:00 2001
From: Candy Tsai <candy02058912@gmail.com>
Date: Thu, 14 Nov 2024 14:18:45 +0800
Subject: [PATCH] Use Core Modal and Button component styles (#96267)

---
 .../site/visibility/launch-confirmation-modal.tsx    | 12 ++++--------
 client/sites/settings/site/visibility/styles.scss    |  3 ---
 2 files changed, 4 insertions(+), 11 deletions(-)

diff --git a/client/sites/settings/site/visibility/launch-confirmation-modal.tsx b/client/sites/settings/site/visibility/launch-confirmation-modal.tsx
index a903bcda1402d..bf726a560b854 100644
--- a/client/sites/settings/site/visibility/launch-confirmation-modal.tsx
+++ b/client/sites/settings/site/visibility/launch-confirmation-modal.tsx
@@ -1,6 +1,5 @@
-import { Button } from '@automattic/components';
 import styled from '@emotion/styled';
-import { Modal } from '@wordpress/components';
+import { Modal, Button } from '@wordpress/components';
 import { translate } from 'i18n-calypso';
 
 const ActionButtons = styled.div( {
@@ -23,22 +22,19 @@ export function LaunchConfirmationModal( {
 	const modalTitle = translate( "You're about to launch this website" );
 
 	return (
-		<Modal
-			className="site-settings__launch-confirmation-modal"
-			title={ modalTitle }
-			onRequestClose={ closeModal }
-		>
+		<Modal title={ modalTitle } onRequestClose={ closeModal } size="medium">
 			{ message && <p>{ message }</p> }
 			<p>{ translate( 'Ready to launch?' ) }</p>
 			<ActionButtons>
 				<Button
+					variant="secondary"
 					onClick={ () => {
 						closeModal();
 					} }
 				>
 					{ translate( 'Cancel' ) }
 				</Button>
-				<Button primary onClick={ onConfirmation }>
+				<Button variant="primary" onClick={ onConfirmation }>
 					{ translate( 'Launch site' ) }
 				</Button>
 			</ActionButtons>
diff --git a/client/sites/settings/site/visibility/styles.scss b/client/sites/settings/site/visibility/styles.scss
index 450c11322e8f3..34b41af3fcab3 100644
--- a/client/sites/settings/site/visibility/styles.scss
+++ b/client/sites/settings/site/visibility/styles.scss
@@ -21,6 +21,3 @@
 	white-space: nowrap;
 }
 
-.site-settings__launch-confirmation-modal {
-	max-width: 60%;
-}