diff --git a/files/templates/CHRISTMAS/toasts/toasts.html b/files/templates/CHRISTMAS/toasts/toasts.html
index 3c2d79b8b6..24a8193127 100644
--- a/files/templates/CHRISTMAS/toasts/toasts.html
+++ b/files/templates/CHRISTMAS/toasts/toasts.html
@@ -8,7 +8,7 @@
 	</div>
 </div>
 <!-- Global success toast -->
-<div class="toast fixed bottom-4 m-0 left-0 right-0 w-96" id="toast-post-success" style="z-index: 1000" role="alert" aria-live="assertive" aria-atomic="true" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
+<div id="toast-post-success" class="toast fixed bottom-4 mx-auto left-0 right-0 w-96" style="z-index: 1000" role="alert" aria-live="assertive" aria-atomic="true" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
 	<div class="flex items-center justify-center p-3 bg-green-500 border border-green-600 text-center text-white rounded shadow-inset-t-white-10">
 		<i class="fas fa-check-circle fa-fw mr-2"></i>
 		<span id="toast-post-success-text">
@@ -17,7 +17,7 @@
 	</div>
 </div>
 <!-- Global error toast -->
-<div class="toast" id="toast-post-error" style="position: fixed; bottom: 1.5rem; margin: 0 auto; left: 0; right: 0; width: 275px; z-index: 1000" role="alert" aria-live="assertive" aria-atomic="true" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
+<div id="toast-post-error" class="toast fixed bottom-4 mx-auto left-0 right-0 w-96" style="z-index: 1000" role="alert" aria-live="assertive" aria-atomic="true" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
 		<div class="flex items-center justify-center p-3 bg-red-500 border border-red-600 text-center text-white rounded shadow-inset-t-white-10">
 		<i class="fas fa-exclamation-circle fa-fw mr-2"></i>
 		<span id="toast-post-error-text">