diff --git a/files/templates/ban_modal.html b/files/templates/ban_modal.html
index 6c0e2e8d9..e34d3b338 100644
--- a/files/templates/ban_modal.html
+++ b/files/templates/ban_modal.html
@@ -26,7 +26,7 @@
 
 <div class="modal fade" id="banModal" tabindex="-1" role="dialog" aria-labelledby="banModalTitle" aria-hidden="true">
 	<div class="modal-dialog modal-dialog-centered" role="document">
-		<div class="modal-content">
+		<div class="modal-content mx-auto max-w-3xl bg-gray-100 rounded-md shadow-lg">
 			<div class="modal-header pt-3">
 				<h5 id="banModalTitle"></h5>
 				<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
diff --git a/files/templates/emoji_modal.html b/files/templates/emoji_modal.html
index 571c7d8f7..55301abea 100644
--- a/files/templates/emoji_modal.html
+++ b/files/templates/emoji_modal.html
@@ -1,7 +1,7 @@
 <div id="form" class="d-none"></div>
 <div class="modal fade" id="emojiModal" tabindex="-1" role="dialog" aria-labelledby="emojiModalTitle" aria-hidden="true">
 	<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered p-2 py-5" role="document">
-		<div class="modal-content" id="emojiTabs">
+		<div class="modal-content mx-auto max-w-3xl bg-gray-100 rounded-md shadow-lg" id="emojiTabs">
 			<div class="modal-header">
 				<div>
 					<ul class="nav-pills flex flex-wrap mb-0 py-2">