Merged PR 2268: adjusted styling tto center vertically dynamically

adjusted styling tto center vertically dynamically

Related work items: #22659

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"
             }}

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) {
+    &.aiModal {
-        top: 35%;
+        top: calc(5%);
+
+        @media screen and (min-width: 768px) {
+            top: calc(5%)
+        }
     }
 }