diff --git a/routes/ai-home/stage.tsx b/routes/ai-home/stage.tsx
index bfb39e2b1..943e7e0bf 100644
--- a/routes/ai-home/stage.tsx
+++ b/routes/ai-home/stage.tsx
@@ -5,7 +5,6 @@ import { Page } from '@wordpress/admin-ui';
 import {
 	Button,
 	ExternalLink,
-	Notice,
 	Spinner,
 	ToggleControl,
 } from '@wordpress/components';
@@ -17,7 +16,7 @@ import { useCallback, useMemo, useState } from '@wordpress/element';
 import { __, sprintf } from '@wordpress/i18n';
 import { info as infoIcon } from '@wordpress/icons';
 import { store as noticesStore } from '@wordpress/notices';
-import { Icon, Popover, VisuallyHidden } from '@wordpress/ui';
+import { Icon, Notice, Popover, VisuallyHidden } from '@wordpress/ui';
 
 /**
  * Internal dependencies
@@ -939,25 +938,31 @@ function AISettingsPage() {
 		>
 			<div className="ai-settings-page">
 				{ ! PAGE_DATA.hasValidCredentials && (
-					<Notice status="error" isDismissible={ false }>
-						{ ! PAGE_DATA.hasCredentials
-							? __(
-									'The AI plugin requires a valid AI Connector to function properly. Verify you have one or more AI Connectors configured.',
-									'ai'
-							  )
-							: __(
-									'The AI plugin requires a valid AI Connector to function properly. Please review the AI Connectors you have configured to ensure they are valid.',
-									'ai'
-							  ) }{ ' ' }
+					<Notice.Root
+						className="ai-settings-page__notice"
+						intent="error"
+					>
+						<Notice.Description>
+							{ ! PAGE_DATA.hasCredentials
+								? __(
+										'The AI plugin requires a valid AI Connector to function properly. Verify you have one or more AI Connectors configured.',
+										'ai'
+								  )
+								: __(
+										'The AI plugin requires a valid AI Connector to function properly. Please review the AI Connectors you have configured to ensure they are valid.',
+										'ai'
+								  ) }
+						</Notice.Description>
 						{ PAGE_DATA.connectorsUrl && (
-							<Button
-								variant="link"
-								href={ PAGE_DATA.connectorsUrl }
-							>
-								{ __( 'Manage Connectors', 'ai' ) }
-							</Button>
+							<Notice.Actions>
+								<Notice.ActionLink
+									href={ PAGE_DATA.connectorsUrl }
+								>
+									{ __( 'Manage Connectors', 'ai' ) }
+								</Notice.ActionLink>
+							</Notice.Actions>
 						) }
-					</Notice>
+					</Notice.Root>
 				) }
 				{ isLoading ? (
 					<Spinner />
diff --git a/routes/ai-home/style.scss b/routes/ai-home/style.scss
index a95e61471..3e078db5a 100644
--- a/routes/ai-home/style.scss
+++ b/routes/ai-home/style.scss
@@ -19,8 +19,8 @@
 	}
 }
 
-.ai-settings-page .components-notice {
-	margin: 0 0 24px;
+.ai-settings-page__notice {
+	margin-bottom: 24px;
 }
 
 .ai-settings-page__actions {