diff --git a/mds/code/chainmail/index.html b/mds/code/chainmail/index.html
index 33a38478a..3cfdc5b2c 100644
--- a/mds/code/chainmail/index.html
+++ b/mds/code/chainmail/index.html
@@ -1,149 +1,186 @@
-
-
-
- ChainMail
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
All messages are signed and end to end encrypted so the sender, recipient and message are completely hidden
-
-
-
-
-
-
-
-
+
+
+
+ ChainMail
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
All messages are signed and end to end encrypted so the sender, recipient and message are completely hidden
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/mds/code/chainmail/style.css b/mds/code/chainmail/style.css
index 356979914..0266e3218 100644
--- a/mds/code/chainmail/style.css
+++ b/mds/code/chainmail/style.css
@@ -206,3 +206,16 @@ body {
font-style: italic;
}
+.unread {
+ background-color: #f0f7ff;
+}
+
+.unread-label {
+ background-color: #007bff;
+ color: white;
+ padding: 2px 6px;
+ border-radius: 10px;
+ font-size: 12px;
+ margin-left: 8px;
+}
+