diff --git a/src/element/Note.css b/src/element/Note.css
index 7ce045e79..d6786411e 100644
--- a/src/element/Note.css
+++ b/src/element/Note.css
@@ -19,6 +19,10 @@
 .note > .header > .info {
     font-size: small;
     white-space: nowrap;
+    color: var(--gray-tertiary);
+    align-self: flex-start;
+}
+.note.active > .header > .info {
     color: var(--gray-light);
 }
 
diff --git a/src/element/NoteReaction.css b/src/element/NoteReaction.css
index e5e9ec83d..c877c84f3 100644
--- a/src/element/NoteReaction.css
+++ b/src/element/NoteReaction.css
@@ -18,8 +18,9 @@
 }
 
 .reaction > .header > .info {
-    color: #999;
+    color: var(--gray-tertiary);
     font-size: small;
+    align-self: flex-start;
 }
 
 .reaction .reaction-text {