diff --git a/client/components/MessageList.vue b/client/components/MessageList.vue
index a555b247..332203bc 100644
--- a/client/components/MessageList.vue
+++ b/client/components/MessageList.vue
@@ -29,7 +29,9 @@
:key="message.id + '-unread'"
class="unread-marker"
>
-
+
+
+
diff --git a/client/css/style.css b/client/css/style.css
index 85d92b94..b2018b43 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -1244,6 +1244,10 @@ textarea.input {
border-top: 1px solid var(--unread-marker-color);
}
+#chat .unread-marker-text {
+ cursor: pointer;
+}
+
#chat .unread-marker-text::before {
content: "New messages";
background-color: var(--window-bg-color);