diff --git a/public/script.js b/public/script.js
index aaa2040c1..185431c15 100644
--- a/public/script.js
+++ b/public/script.js
@@ -12490,7 +12490,9 @@ jQuery(async function () {
         $('#avatar-and-name-block').slideToggle();
     });
 
-    $(document).on('mouseup touchend', '#show_more_messages', async function () {
+    $(document).on('click', '#show_more_messages', async function (event) {
+        event.stopPropagation();
+        event.preventDefault();
         await showMoreMessages();
     });
 
diff --git a/public/scripts/a11y.js b/public/scripts/a11y.js
index 78ebf898a..888a857fa 100644
--- a/public/scripts/a11y.js
+++ b/public/scripts/a11y.js
@@ -16,6 +16,7 @@ const buttonSelectors = [
     '.jg-menu .jg-button',
     '.bg_example .mobile-only-menu-toggle',
     '.paginationjs-pages li a',
+    '#show_more_messages',
 ].join(', ');
 
 const listSelectors = [
diff --git a/public/style.css b/public/style.css
index 3f332dbb0..afae0767f 100644
--- a/public/style.css
+++ b/public/style.css
@@ -6067,6 +6067,11 @@ body:not(.movingUI) .drawer-content.maximized {
     width: fit-content;
     border-radius: 10px;
     outline: 1px solid var(--SmartThemeBorderColor);
+    transition: filter var(--animation-duration-2x) ease-in-out;
+}
+
+#show_more_messages:hover {
+    filter: brightness(1.25);
 }
 
 .draggable img {