diff --git a/files/templates/emoji_modal.html b/files/templates/emoji_modal.html
index bea4ee3701..d1ef006c8a 100644
--- a/files/templates/emoji_modal.html
+++ b/files/templates/emoji_modal.html
@@ -28,11 +28,13 @@
 						</li>
 					</ul>
 				</div>
-				<input class="form-control mt-2 w-auto" type="text" id="emoji_search" placeholder="Search..">
 				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
 					<i class="fal fa-times text-muted"></i>
 				</button>
 			</div>
+
+			<div class="px-3"><input class="form-control px-2" type="text" id="emoji_search" placeholder="Search.."></div>
+
 			<div style="overflow-y: scroll;">
 				<div class="modal-body p-0" id="emoji-modal-body">
 					<div id="emoji-tab-search" style="display:None"></div>