new structure

app/globals.css

@@ -359,7 +359,7 @@ table tr {
 }
 
 .messageBox {
-  position: relative;
+  position: absolute;
   padding: 0.5rem 1.25rem;
   border-radius: 4px;
   font-weight: bold;
@@ -367,6 +367,9 @@ table tr {
   text-align: center;
   opacity: 1;
   z-index: 100;
+  top: 0;
+  left: 0;
+  width: 100%;
 }
 
 .messageBox.hidden {
@@ -438,6 +441,12 @@ table tr {
   .containerSection {
     align-items: center;
   }
+
+  .centerGrid {
+    display: flex !important;
+    justify-content: center;
+    align-items: center;
+  }
 }
 
 @media (max-height: 960px) {