From 43e37dc8446cfa1f0a1a6b10841da3afb0c32c20 Mon Sep 17 00:00:00 2001
From: Robert Bond <Robert.Bond@test.gov.wales>
Date: Thu, 23 Apr 2026 04:59:06 +0000
Subject: [PATCH] Merged PR 2268: adjusted styling tto center vertically
 dynamically

adjusted styling tto center vertically dynamically

Related work items: #22659
---
 components/AIPolicyNotice.js           | 4 ++--
 styles/sass/welshgov/_application.scss | 8 ++++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/components/AIPolicyNotice.js b/components/AIPolicyNotice.js
index c25c7060..4bac5b9f 100644
--- a/components/AIPolicyNotice.js
+++ b/components/AIPolicyNotice.js
@@ -46,10 +46,10 @@ export default function AIPolicyNotice() {
 
     return (
         <div
-            className="modal fade show"
+            className="modal aiModal fade show"
             style={{
                 display: "flex",
-                alignItems: "top",
+                alignItems: "center",
                 justifyContent: "center",
                 padding: "1rem"
             }}
diff --git a/styles/sass/welshgov/_application.scss b/styles/sass/welshgov/_application.scss
index 7f5bee87..2d74acb6 100644
--- a/styles/sass/welshgov/_application.scss
+++ b/styles/sass/welshgov/_application.scss
@@ -2671,8 +2671,12 @@ dd.govuk-summary-list__value.govuk-\!-font-size-14.govuk-summary-list__action {
     outline: 0;
     top: 30%;
 
-    @media screen and (min-width: 768px) {
-        top: 35%;
+    &.aiModal {
+        top: calc(5%);
+
+        @media screen and (min-width: 768px) {
+            top: calc(5%)
+        }
     }
 }