diff --git a/files/templates/comments.html b/files/templates/comments.html
index 0cb5602e58..28b9c6ba5e 100644
--- a/files/templates/comments.html
+++ b/files/templates/comments.html
@@ -291,6 +291,22 @@
 						<img loading="lazy" src="{{ c.author.profile_url }}" class="w-9 h-9 p-[3px] bg-white border border-gray-300 object-cover lozad" alt="{{ c.author.username }} avatar"/>
 					</div>
 
+					<a class="user-name text-sm font-bold" data-bs-placement="bottom" data-bs-toggle="popover" data-bs-trigger="focus" data-content-id="popover-{{c.id}}" href="javascript:void(0)" tabindex="0" style="color:#{{c.author.namecolor}};">
+						{% if c.author.patron and not c.distinguish_level %}
+						<span class="patron" style="background-color:#{{c.author.namecolor}};">
+							{{c.author.username}}
+						</span>
+						{% elif c.distinguish_level and 'rama' in request.host %}
+						<span class="mod" style="background-color:#{{c.author.namecolor}};">
+							{{c.author.username}}
+						</span>
+						{% else %}
+						<span>
+							{{c.author.username}}
+						</span>
+						{% endif %}
+					</a>
+
 					<a class="user-name text-decoration-none" data-bs-placement="bottom" data-bs-toggle="popover" data-bs-trigger="focus" data-content-id="popover-{{c.id}}" href="javascript:void(0)" tabindex="0" style="color:#{{c.author.namecolor}};  font-size:12px; font-weight:bold;"><img loading="lazy" src="{{c.author.profile_url}}" class="profile-pic-25 mr-2"><span {% if c.author.patron and not c.distinguish_level %}class="patron" style="background-color:#{{c.author.namecolor}};"{% elif c.distinguish_level and 'rama' in request.host %}class="mod"{% endif %}>{{c.author.username}}</span></a>
 
 					{% if c.author.customtitle %}