Protect: de-emphasize cloud link by using link variant (#40211)

Automattic · Dec 3, 2024 · 85891ed · 85891ed
1 parent f09ee55
commit 85891ed
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/projects/plugins/protect/src/js/components/admin-page/index.jsx b/projects/plugins/protect/src/js/components/admin-page/index.jsx
@@ -55,7 +55,7 @@ const AdminPage = ( { children } ) => {
 					<JetpackProtectLogo />
 					{ hasPlan && viewingScanPage && (
 						<div className={ styles.header__scan_buttons }>
-							<Button variant="secondary" weight={ 'regular' } href={ goToCloudUrl }>
+							<Button variant="link" isExternalLink weight={ 'regular' } href={ goToCloudUrl }>
 								{ __( 'Go to Cloud', 'jetpack-protect' ) }
 							</Button>
 							<ScanButton />

diff --git a/projects/plugins/protect/src/js/components/admin-page/styles.module.scss b/projects/plugins/protect/src/js/components/admin-page/styles.module.scss
@@ -8,7 +8,7 @@
 
     &__scan_buttons {
         display: flex;
-        gap: calc( var( --spacing-base ) * 2 ); // 16px
+        gap: calc( var( --spacing-base ) * 3 ); // 24px
     }
 }