diff --git a/files/templates/CHRISTMAS/delete_post_modal.html b/files/templates/CHRISTMAS/delete_post_modal.html
index 45a2ceccc2..b276abf952 100644
--- a/files/templates/CHRISTMAS/delete_post_modal.html
+++ b/files/templates/CHRISTMAS/delete_post_modal.html
@@ -1,8 +1,8 @@
 <script src="/assets/CHRISTMAS/js/delete_post_modal.js?v=200"></script>
 
 <div class="modal fade modal-sm-bottom" id="deletePostModal" tabindex="-1" role="dialog" aria-labelledby="deletePostModalTitle" aria-hidden="true">
-	<div class="modal-dialog modal-dialog-centered" role="document">
-		<div class="modal-content">
+	<div class="modal-dialog modal-dialog-centered mx-auto max-w-xl" role="document">
+		<div class="modal-content mx-auto max-w-xl bg-gray-100 dark:bg-gray-700 rounded-md shadow-lg">
 			<div class="modal-header">
 				<h5 class="font-bold text-xl font-heading leading-normal">Delete post</h5>
 				<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">