diff --git a/assets/index.js b/assets/index.js
index c9dbcff26..d9a8f9362 100755
--- a/assets/index.js
+++ b/assets/index.js
@@ -298,13 +298,13 @@ $(document).ready(() => {
   initPreviewText();
 
   const toggleNav = (toShow, toFocus) => {
-    $('.nav-panel-actions').hide(100);
-    $(toShow).show(100);
+    $('.nav-panel-actions').hide();
+    $(toShow).show();
     $(toFocus).focus();
   };
 
   $('#nav-btn-add-tag').on('click', () => {
-    $('.nav-panel-add-tag').toggle(100);
+    $('.nav-panel-add-tag').toggle();
     $('.nav-panel-menu').addClass('hidden');
     if (window.innerWidth < mobileMaxWidth) {
       $('.sidenav').sidenav('close');
@@ -353,8 +353,8 @@ $(document).ready(() => {
   });
 
   $('.close').on('click', (e) => {
-    $(e.target).parent('.nav-panel-item').hide(100);
-    $('.nav-panel-actions').show(100);
+    $(e.target).parent('.nav-panel-item').hide();
+    $('.nav-panel-actions').show();
     return false;
   });
 
diff --git a/assets/js/tools.js b/assets/js/tools.js
index cd7d1db3b..55e5fc000 100644
--- a/assets/js/tools.js
+++ b/assets/js/tools.js
@@ -22,7 +22,10 @@ function retrievePercent(id, resized) {
   const scroll = bheight * percent;
 
   if (!resized) {
-    $('html,body').animate({ scrollTop: scroll }, 'fast');
+    window.scrollTo({
+      top: scroll,
+      behavior: 'smooth',
+    });
   }
 
   return true;