diff --git a/files/templates/emoji_modal.html b/files/templates/emoji_modal.html
index b7571d250..7ffa18478 100644
--- a/files/templates/emoji_modal.html
+++ b/files/templates/emoji_modal.html
@@ -4,7 +4,7 @@
 		<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">
+					<ul class="nav nav-pills flex flex-wrap mb-0 py-2">
 						<li class="nav-item">
 							<a class="nav-link active emojitab" data-bs-toggle="tab" href="#emoji-tab-favorite">Favorite</a>
 						</li>
@@ -48,7 +48,7 @@
 					<div id="emoji-tab-search"></div>
 					<div id="no-emojis-found"></div>
 					<div class="tab-content">
-						<div class="tabs tab-pane fade show active" id="emoji-tab-favorite">
+						<div class="tab-pane fade show active" id="emoji-tab-favorite">
 							<div class="flex flex-wrap p-3" id="EMOJIS_favorite">
 								{% if session.get("favorite_emojis") %}
 									{{session.get("favorite_emojis") | favorite_emojis | safe}}