diff --git a/src/element/NoteReaction.css b/src/element/NoteReaction.css
index ecc03962c..e5e9ec83d 100644
--- a/src/element/NoteReaction.css
+++ b/src/element/NoteReaction.css
@@ -3,10 +3,10 @@
 }
 
 .reaction > .note {
-    margin: 5px;
+    margin: 10px 20px;
     border: 1px solid var(--gray);
     border-radius: 10px;
-    padding: 5px;
+    padding: 10px;
 }
 
 .reaction > .header > .pfp {
@@ -21,3 +21,8 @@
     color: #999;
     font-size: small;
 }
+
+.reaction .reaction-text {
+    margin-left: .2em;
+    color: var(--gray-light);
+}
diff --git a/src/element/NoteReaction.js b/src/element/NoteReaction.js
index 8f85a64dc..742885054 100644
--- a/src/element/NoteReaction.js
+++ b/src/element/NoteReaction.js
@@ -40,8 +40,8 @@ export default function NoteReaction(props) {
 
     function tagLine() {
         switch (ev.Kind) {
-            case EventKind.Reaction: return <small>Reacted with {mapReaction(ev.Content)}</small>;
-            case EventKind.Repost: return <small> Reposted</small>
+            case EventKind.Reaction: return <small className="reaction-text">reacted with {mapReaction(ev.Content)}</small>;
+            case EventKind.Repost: return <small className="reaction-text">reposted</small>
         }
     }