diff --git a/files/templates/gif_modal.html b/files/templates/gif_modal.html
index 7249be9c2..901cc9cf1 100644
--- a/files/templates/gif_modal.html
+++ b/files/templates/gif_modal.html
@@ -1,6 +1,6 @@
 <div class="modal fade" id="gifModal" tabindex="-1" role="dialog" aria-labelledby="gifModalTitle" aria-hidden="true">
 	<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered p-5" 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 border-bottom-0 shadow-md p-3">
 				<div class="form-group d-flex align-items-center w-100 mb-0">
 					<div id="gifs-back-btn"></div>
@@ -8,18 +8,14 @@
 					<div id="gifs-cancel-btn"></div>
 				</div>
 			</div>
-			<div style="overflow-y: scroll;">
+			<div class="overflow-y-scroll">>
 				<div class="modal-body p-0" id="gif-modal-body">
-
 					<div id="no-gifs-found">
 					</div>
-
 					<div class="card-columns gif-categories pt-3 px-3 pb-0" id="GIFs">
 					</div>
-
 					<div id="gifs-load-more">
 					</div>
-
 				</div>
 			</div>
 		</div>