diff --git a/internal/webserver/static/styles.css b/internal/webserver/static/styles.css
index e187315..e9f624a 100644
--- a/internal/webserver/static/styles.css
+++ b/internal/webserver/static/styles.css
@@ -1429,13 +1429,24 @@ main {
 	}
 	.dm-message__reactions {
 		display: flex;
-		padding: 0 4em;
+		font-size: 1.1em;
+		padding: 0 3.5em;
 		cursor: default;
 
 		.our-message & {
 			flex-direction: row-reverse;
 		}
 	}
+	.dm-message__reacc {
+		padding: 0.1em 0.2em;
+
+		&.dm-message__reacc--ours {
+			border-radius: 50%;
+			text-shadow: 0 0 3px black;
+			outline: 1px solid var(--color-twitter-blue);
+			background-color: var(--color-twitter-blue-extra-light);
+		}
+	}
 
 	&.our-message {
 		align-items: flex-end;
diff --git a/internal/webserver/tpl/tweet_page_includes/chat_view.tpl b/internal/webserver/tpl/tweet_page_includes/chat_view.tpl
index 0976fe5..b1bda2e 100644
--- a/internal/webserver/tpl/tweet_page_includes/chat_view.tpl
+++ b/internal/webserver/tpl/tweet_page_includes/chat_view.tpl
@@ -92,7 +92,10 @@
     <div class="dm-message__reactions">
       {{range .Reactions}}
         {{$sender := (user .SenderID)}}
-        <span title="{{$sender.DisplayName}} (@{{$sender.Handle}})">{{.Emoji}}</span>
+        <span
+          class="dm-message__reacc {{if (eq $sender.ID (active_user).ID)}} dm-message__reacc--ours{{end}}"
+          title="{{$sender.DisplayName}} (@{{$sender.Handle}})"
+        >{{.Emoji}}</span>
       {{end}}
     </div>
     <div class="sent-at">