diff --git a/projects/plugins/jetpack/_inc/client/ai/style.scss b/projects/plugins/jetpack/_inc/client/ai/style.scss
index 8f766b53f550..7736c579eeae 100644
--- a/projects/plugins/jetpack/_inc/client/ai/style.scss
+++ b/projects/plugins/jetpack/_inc/client/ai/style.scss
@@ -1,14 +1,8 @@
-// phpcs:ignore -- SCSS selector, not a PHP file
-.jetpack_page_ai .admin-ui-page {
-	// Fill the viewport height minus the fixed 32px WP admin bar,
-	// so the footer sits at the bottom of the visible screen area.
-	min-height: calc(100vh - 32px);
+@use "@automattic/jetpack-base-styles/admin-page-layout" as *;
 
-	// The fluid container (2nd direct child, between header and footer) should
-	// grow to fill available space, pushing the footer to the bottom.
-	> div:nth-child(2) {
-		flex: 1;
-	}
+body.jetpack_page_ai {
+
+	@include jetpack-admin-page-layout;
 }
 
 .jetpack-ai-admin {
diff --git a/projects/plugins/jetpack/changelog/jetpack-ai-page-layout-mixin b/projects/plugins/jetpack/changelog/jetpack-ai-page-layout-mixin
new file mode 100644
index 000000000000..12f13347b2d8
--- /dev/null
+++ b/projects/plugins/jetpack/changelog/jetpack-ai-page-layout-mixin
@@ -0,0 +1,4 @@
+Significance: patch
+Type: enhancement
+
+AI page: adopt the shared `jetpack-admin-page-layout` mixin so its layout (sticky header, scrollable middle, pinned JetpackFooter) matches the rest of the Jetpack admin pages that use the AdminPage component.