diff --git a/files/templates/comments.html b/files/templates/comments.html
index 9ecdbf7908..94b03dcabf 100644
--- a/files/templates/comments.html
+++ b/files/templates/comments.html
@@ -37,7 +37,7 @@
 {% endif %}
 
 <script defer src="/assets/js/popover.js?v=16"></script>
-<script defer src="/assets/js/comments.js?v=20"></script>
+<script defer src="/assets/js/comments.js?v=21"></script>
 
 {% include "expanded_image_modal.html" %}
 
@@ -275,7 +275,9 @@
 			<span class="absolute right-4 top-2" id="reddot-{{c.id}}"></span>
 
 			<div class="user-info no-scrollbar overflow-y-hidden overflow-x-auto flex items-center space-x-2 md:-ml-2 text-sm text-gray-500 leading-normal">
-				<span class="flex-shrink-0 comment-collapse-icon" onclick="collapse_comment('{{c.id}}')"></span>
+				<button class="p-1 md:hidden" id="comment-toggle-icon-{{c.id}}" onclick="collapse_comment('{{c.id}}')">
+					[-]
+				</button>
 				{% if c.awards %}
 				<ul class="flex space-x-2 mb-0">
 					{% for a in c.awards %}