diff --git a/web/index.html b/web/index.html
index 4fe2fb4..b1ce2b5 100644
--- a/web/index.html
+++ b/web/index.html
@@ -27,6 +27,10 @@
       padding: 0;
     }
 
+    .message .header .media-right {
+      padding: 1rem;
+    }
+
     .message .headers {
       position: relative;
       width: 100%;
diff --git a/web/src/view/mod.rs b/web/src/view/mod.rs
index 760bdd0..032a473 100644
--- a/web/src/view/mod.rs
+++ b/web/src/view/mod.rs
@@ -477,21 +477,19 @@ fn render_open_header(msg: &ShowThreadQueryThreadMessages) -> Node<Msg> {
             C!["media-right"],
             span![
                 C!["read-status"],
-                i![
-                    C![
-                        "far",
-                        if is_unread {
-                            "fa-envelope"
-                        } else {
-                            "fa-envelope-open"
-                        },
-                    ],
-                    ev(Ev::Click, move |e| {
-                        e.stop_propagation();
-                        Msg::SetUnread(format!("id:{id}"), !is_unread)
-                    })
-                ]
-            ]
+                i![C![
+                    "far",
+                    if is_unread {
+                        "fa-envelope"
+                    } else {
+                        "fa-envelope-open"
+                    },
+                ]]
+            ],
+            ev(Ev::Click, move |e| {
+                e.stop_propagation();
+                Msg::SetUnread(format!("id:{id}"), !is_unread)
+            })
         ]
     ]
 }