diff --git a/src/views/disclosure/Interstitial.js b/src/views/disclosure/Interstitial.js index 8e4a58b45a..1c8646f074 100644 --- a/src/views/disclosure/Interstitial.js +++ b/src/views/disclosure/Interstitial.js @@ -27,6 +27,14 @@ export const VIEWS = { PRIVACY_POLICY: 'privacy_policy', } +const linkStackProps = { + component: Link, + direction: 'row', + spacing: 0.5, + underline: 'hover', + variant: 'body2', +} + export const DisclosureInterstitial = React.forwardRef((props, interstitialNavRef) => { const { handleGoBack, scrollToTop } = props useAnalyticsPath(...PageviewInfo.CONNECT_DISCLOSURE) @@ -167,20 +175,18 @@ export const DisclosureInterstitial = React.forwardRef((props, interstitialNavRe - - + { setCurrentView(VIEWS.DATA_REQUESTED) }} - variant="subtitle2" + {...linkStackProps} > - {__('Data requested')} +
{__('Data requested')}
- - + { if (showExternalLinkPopup) { @@ -195,12 +201,11 @@ export const DisclosureInterstitial = React.forwardRef((props, interstitialNavRe goToUrlLink(privacyUrl, true) } }} - variant="subtitle2" + {...linkStackProps} > - {_p('connect/disclosure/policy/link', 'MX Privacy Policy')} - +
{_p('connect/disclosure/policy/link', 'MX Privacy Policy')}
- +
) diff --git a/src/views/disclosure/Interstitial.module.css b/src/views/disclosure/Interstitial.module.css index d115cb91d5..148e6af4ff 100644 --- a/src/views/disclosure/Interstitial.module.css +++ b/src/views/disclosure/Interstitial.module.css @@ -24,9 +24,7 @@ margin-left: var(--spacing-4-point-5); } -.link:global(.MuiLink-root) { - gap: var(--spacing-point-5); +.linkContainer { margin-left: var(--spacing-4); margin-top: var(--spacing-2); - width: fit-content; }