diff --git a/config/html/css/main.css b/config/html/css/main.css
index c741a88..95cfd3a 100644
--- a/config/html/css/main.css
+++ b/config/html/css/main.css
@@ -832,10 +832,15 @@ input:checked + .slider:before {
 #btn-scroll-bottom svg {
     transform: rotate(180deg);
 }
+
 #btn-scroll-bottom:hover svg,
 #btn-scroll-top:hover svg {
   stroke: var(--color-link);
 }
+#btn-scroll-bottom:focus svg,
+#btn-scroll-top:focus svg {
+  stroke: #aaa;
+}
 
 /*#sidebar-right:hover #btn-scroll-bottom,*/
 #scroll-buttons:hover #btn-scroll-top {
diff --git a/src/scripts/scroll.js b/src/scripts/scroll.js
index b13984c..09168c2 100644
--- a/src/scripts/scroll.js
+++ b/src/scripts/scroll.js
@@ -34,6 +34,8 @@ function mainScrollBtns() {
     let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
     if (scrollTop > LAST_SCROLL_TOP) {
       // downscroll code
+      if (newTimeout) clearTimeout(newTimeout);
+      btnScrollTop.style.display = 'none';
     } else if (scrollTop < LAST_SCROLL_TOP) {
       // upscroll code
       btnScrollTop.style.display = 'flex';