🐛 [Page] Fix Toast centering on Safari

src/layouts/Page.astro

@@ -8,6 +8,8 @@ import '@styles/utility.css';
 import {TOAST_TMPL_ID} from '@data/app';
 import Toast from '@components/Toast.astro';
 
+import ToastTest from '@mock/ToastTest.astro';
+
 interface Props {
   id: string;
   title?: string;
@@ -108,14 +110,19 @@ const OG_IMAGE = '/assets/dulmage-social.png';
     <template id={TOAST_TMPL_ID}>
       <Toast id="ToastPlaceholder" />
     </template>
+
+    <ToastTest />
   </body>
 </html>
 
 <style>
-  /* Horizontal centering is required for Toast components */
+  /*
+    Horizontal centering is required for Toast components.
+    `display grid / justify-items` does not work correctly in Safari.
+  */
   body {
-    display: grid;
-    justify-items: center;
+    display: flex;
+    justify-content: center;
   }
 </style>