diff --git a/files/routes/chat.py b/files/routes/chat.py
index dc1bf8c70..307b33eb3 100644
--- a/files/routes/chat.py
+++ b/files/routes/chat.py
@@ -66,6 +66,7 @@ def speak(data, v):
 
 	data={
 		"avatar": v.profile_url,
+		"hat": v.hat_active,
 		"username": v.username,
 		"namecolor": v.namecolor,
 		"text": text,
diff --git a/files/templates/chat.html b/files/templates/chat.html
index b33c609fe..a2735ed77 100644
--- a/files/templates/chat.html
+++ b/files/templates/chat.html
@@ -163,7 +163,12 @@
 								<div class="pl-md-3 text-muted">
 									<div>
 										{% if not same %}
-											<img src="{{m['avatar']}}" class="avatar pp20 mr-1" data-toggle="tooltip" data-placement="right">
+											<div class="profile-pic-20-wrapper">
+												<img src="{{m['avatar']}}" class="avatar pp20 mr-1">
+												{% if m.get('hat') -%}
+													<img class="profile-pic-20-hat hat" loading="lazy" src="/i/hats/{{m['hat']}}?v=3" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{user.hat_tooltip(v)}}">
+												{%- endif %}
+											</div>
 										{% endif %}
 
 										<a class="{% if same %}d-none{% endif %} font-weight-bold text-black userlink" style="color:#{{m['namecolor']}}" target="_blank" href="/@{{m['username']}}">{{m['username']}}</a>