diff --git a/src/element/Note.css b/src/element/Note.css
index 6c618a22..e763b1f9 100644
--- a/src/element/Note.css
+++ b/src/element/Note.css
@@ -3,6 +3,10 @@
     border-bottom: 1px solid #333;
 }
 
+.note.active {
+    background-color: #222;
+}
+
 .note > .header > .pfp {
     flex-grow: 1;
 }
diff --git a/src/element/Note.js b/src/element/Note.js
index 425abb55..280d8cab 100644
--- a/src/element/Note.js
+++ b/src/element/Note.js
@@ -17,6 +17,7 @@ export default function Note(props) {
     const dataEvent = props["data-ev"];
     const reactions = props.reactions;
     const deletion = props.deletion;
+    const hightlight = props.hightlight;
 
     const users = useSelector(s => s.users?.users);
     const ev = dataEvent ?? Event.FromObject(data);
@@ -76,7 +77,7 @@ export default function Note(props) {
     }
 
     return (
-        <div className="note">
+        <div className={`note ${hightlight ? "active" : ""}`}>
             {options.showHeader ?
                 <div className="header flex">
                     <ProfileImage pubkey={ev.RootPubKey} subHeader={replyTag()} />