diff --git a/web/src/inbox_ui.ts b/web/src/inbox_ui.ts
index 271a3651aa..e0ad60b258 100644
--- a/web/src/inbox_ui.ts
+++ b/web/src/inbox_ui.ts
@@ -685,8 +685,6 @@ export function complete_rerender(): void {
     // this, we scroll to top before restoring focus via revive_current_focus.
     $("html").scrollTop(0);
     setTimeout(() => {
-        // We don't want to focus on simplebar ever.
-        $("#inbox-list .simplebar-content-wrapper").attr("tabindex", "-1");
         revive_current_focus();
     }, 0);
 
diff --git a/web/src/portico/help.js b/web/src/portico/help.js
index ec12bea10b..2b237ca18a 100644
--- a/web/src/portico/help.js
+++ b/web/src/portico/help.js
@@ -94,7 +94,7 @@ function render_tabbed_sections() {
     });
 }
 
-new SimpleBar($(".sidebar")[0]);
+new SimpleBar($(".sidebar")[0], {tabIndex: -1});
 
 // Scroll to anchor link when clicked. Note that landing-page.js has a
 // similar function; this file and landing-page.js are never included
diff --git a/web/src/read_receipts.ts b/web/src/read_receipts.ts
index b4cda49cf9..9cdda320e7 100644
--- a/web/src/read_receipts.ts
+++ b/web/src/read_receipts.ts
@@ -89,7 +89,9 @@ export function show_user_list(message_id: number): void {
                             $("#read_receipts_modal .read_receipts_list").html(
                                 render_read_receipts(context),
                             );
-                            new SimpleBar($("#read_receipts_modal .modal__content")[0]!);
+                            new SimpleBar($("#read_receipts_modal .modal__content")[0]!, {
+                                tabIndex: -1,
+                            });
                         }
                     },
                     error(xhr) {
diff --git a/web/src/scroll_util.ts b/web/src/scroll_util.ts
index 161b9452ac..8afd3c5ac8 100644
--- a/web/src/scroll_util.ts
+++ b/web/src/scroll_util.ts
@@ -26,7 +26,7 @@ export function get_scroll_element($element: JQueryOrZJQuery): JQuery {
     } else if ("simplebar" in element.dataset) {
         // The SimpleBar mutation observer hasn’t processed this element yet.
         // Create the SimpleBar early in case we need to add event listeners.
-        return $(new SimpleBar(element).getScrollElement()!);
+        return $(new SimpleBar(element, {tabIndex: -1}).getScrollElement()!);
     }
     return $element;
 }
diff --git a/web/src/user_profile.js b/web/src/user_profile.js
index f6f24e02b8..f492d0702b 100644
--- a/web/src/user_profile.js
+++ b/web/src/user_profile.js
@@ -532,7 +532,6 @@ export function show_user_profile(user, default_tab_key = "profile-tab") {
                     break;
             }
             setTimeout(() => {
-                $(".modal__body .simplebar-content-wrapper").attr("tabindex", "-1");
                 $(".modal__container .ind-tab").attr("tabindex", "-1");
                 $(".modal__container .ind-tab.selected").attr("tabindex", "0");
             }, 0);
diff --git a/web/styles/zulip.css b/web/styles/zulip.css
index b869b20d16..7e4a879b35 100644
--- a/web/styles/zulip.css
+++ b/web/styles/zulip.css
@@ -2264,10 +2264,6 @@ body:not(.hide-left-sidebar) {
 }
 
 .simplebar-content-wrapper {
-    /* `simplebar-content-wrapper` has `tabindex=0` set, which makes it focusable
-        but we don't want it to have an outline when focused anywhere in the app. */
-    outline: none;
-
     /* This prevents the popover from closing once the top/bottom is reached */
     overscroll-behavior: contain;
 }
diff --git a/web/templates/add_poll_modal.hbs b/web/templates/add_poll_modal.hbs
index ade571f1e0..08d5cd721d 100644
--- a/web/templates/add_poll_modal.hbs
+++ b/web/templates/add_poll_modal.hbs
@@ -5,7 +5,7 @@
     </div>
     <label class="poll-label">{{t "Options"}}</label>
     <p>{{t "Anyone can add more options after the poll is posted."}}</p>
-    <ul class="poll-options-list" data-simplebar>
+    <ul class="poll-options-list" data-simplebar data-simplebar-tab-index="-1">
         {{> poll_modal_option }}
         {{> poll_modal_option }}
         {{> poll_modal_option }}
diff --git a/web/templates/compose.hbs b/web/templates/compose.hbs
index baaf325248..bc5a44e382 100644
--- a/web/templates/compose.hbs
+++ b/web/templates/compose.hbs
@@ -44,7 +44,7 @@
         </div>
     </div>
     <div class="message_comp">
-        <div id="compose_banners" data-simplebar></div>
+        <div id="compose_banners" data-simplebar data-simplebar-tab-index="-1"></div>
         <div class="composition-area">
             <form id="send_message_form" action="/json/messages" method="post">
                 <div class="compose_table">
@@ -72,7 +72,7 @@
                         <div id="message-content-container">
                             <textarea class="new_message_textarea" name="content" id='compose-textarea' placeholder="{{t 'Compose your message here' }}" tabindex="0" aria-label="{{t 'Compose your message here...' }}"></textarea>
                             <div id="preview-message-area-container">
-                                <div class="scrolling_list preview_message_area" data-simplebar id="preview_message_area" style="display:none;">
+                                <div class="scrolling_list preview_message_area" data-simplebar data-simplebar-tab-index="-1" id="preview_message_area" style="display:none;">
                                     <div class="markdown_preview_spinner"></div>
                                     <div class="preview_content rendered_markdown"></div>
                                 </div>
diff --git a/web/templates/dialog_widget.hbs b/web/templates/dialog_widget.hbs
index d1b5f97693..f187e92b7d 100644
--- a/web/templates/dialog_widget.hbs
+++ b/web/templates/dialog_widget.hbs
@@ -10,7 +10,7 @@
                 </h1>
                 <button class="modal__close" aria-label="{{t 'Close modal' }}" data-micromodal-close></button>
             </header>
-            <main class="modal__content" data-simplebar {{#if always_visible_scrollbar}}data-simplebar-auto-hide="false"{{/if}}>
+            <main class="modal__content" data-simplebar data-simplebar-tab-index="-1" {{#if always_visible_scrollbar}}data-simplebar-auto-hide="false"{{/if}}>
                 <div class="alert" id="dialog_error"></div>
                 {{{ html_body }}}
             </main>
diff --git a/web/templates/dropdown_list_container.hbs b/web/templates/dropdown_list_container.hbs
index db95fb31b6..50986dc0a4 100644
--- a/web/templates/dropdown_list_container.hbs
+++ b/web/templates/dropdown_list_container.hbs
@@ -2,7 +2,7 @@
     <div class="dropdown-list-search">
         <input class="dropdown-list-search-input filter_text_input{{#if hide_search_box}} hide{{/if}}" type="text" placeholder="{{t 'Filter' }}" autofocus/>
     </div>
-    <div class="dropdown-list-wrapper" data-simplebar>
+    <div class="dropdown-list-wrapper" data-simplebar data-simplebar-tab-index="-1">
         <ul class="dropdown-list"></ul>
     </div>
     <div class="no-dropdown-items dropdown-list-item-common-styles">
diff --git a/web/templates/giphy_picker.hbs b/web/templates/giphy_picker.hbs
index 4353669679..df7e786a7c 100644
--- a/web/templates/giphy_picker.hbs
+++ b/web/templates/giphy_picker.hbs
@@ -7,7 +7,7 @@
                 <i class="fa fa-remove" aria-hidden="true"></i>
             </button>
         </div>
-        <div class="giphy-scrolling-container" data-simplebar>
+        <div class="giphy-scrolling-container" data-simplebar data-simplebar-tab-index="-1">
             {{! We need a container we can replace
             without removing the simplebar wrappers.
             We replace the `giphy-content` when
diff --git a/web/templates/keyboard_shortcuts.hbs b/web/templates/keyboard_shortcuts.hbs
index e417f49321..70ef26d3ac 100644
--- a/web/templates/keyboard_shortcuts.hbs
+++ b/web/templates/keyboard_shortcuts.hbs
@@ -1,6 +1,6 @@
 <div class="overlay-modal" id="keyboard-shortcuts" tabindex="-1" role="dialog"
   aria-label="{{t 'Keyboard shortcuts' }}">
-    <div class="overlay-scroll-container" data-simplebar data-simplebar-auto-hide="false">
+    <div class="overlay-scroll-container" data-simplebar data-simplebar-tab-index="-1" data-simplebar-auto-hide="false">
         <div>
             <table class="hotkeys_table table table-striped table-bordered">
                 <thead>
diff --git a/web/templates/left_sidebar.hbs b/web/templates/left_sidebar.hbs
index 58b07a110e..ec88ada1ed 100644
--- a/web/templates/left_sidebar.hbs
+++ b/web/templates/left_sidebar.hbs
@@ -161,7 +161,7 @@
         </a>
     </div>
     {{~!-- squash whitespace --~}}
-    <div id="left_sidebar_scroll_container" class="scrolling_list" data-simplebar>
+    <div id="left_sidebar_scroll_container" class="scrolling_list" data-simplebar data-simplebar-tab-index="-1">
         <div class="direct-messages-container zoom-out hidden-for-spectators">
             <div id="direct-messages-list"></div>
         </div>
diff --git a/web/templates/markdown_help.hbs b/web/templates/markdown_help.hbs
index 65677ec5c8..93a41e6977 100644
--- a/web/templates/markdown_help.hbs
+++ b/web/templates/markdown_help.hbs
@@ -1,6 +1,6 @@
 <div class="overlay-modal hide" id="message-formatting" tabindex="-1" role="dialog"
   aria-label="{{t 'Message formatting' }}">
-    <div class="overlay-scroll-container" data-simplebar data-simplebar-auto-hide="false">
+    <div class="overlay-scroll-container" data-simplebar data-simplebar-tab-index="-1" data-simplebar-auto-hide="false">
         <div id="markdown-instructions">
             <table class="table table-striped table-rounded table-bordered help-table">
                 <thead>
diff --git a/web/templates/popovers/change_visibility_policy_popover.hbs b/web/templates/popovers/change_visibility_policy_popover.hbs
index fbf9c509e3..368b6b6960 100644
--- a/web/templates/popovers/change_visibility_policy_popover.hbs
+++ b/web/templates/popovers/change_visibility_policy_popover.hbs
@@ -1,4 +1,4 @@
-<div class="popover-menu visibility-policy-popover" data-simplebar>
+<div class="popover-menu visibility-policy-popover" data-simplebar data-simplebar-tab-index="-1">
     <ul role="menu" class="popover-menu-list">
         <li role="none" class="popover-menu-list-item">
             <div role="group" class="recipient-bar-topic-visibility-switcher tab-picker tab-picker-vertical" aria-label="{{t 'Topic visibility' }}">
diff --git a/web/templates/popovers/emoji/emoji_popover.hbs b/web/templates/popovers/emoji/emoji_popover.hbs
index 80a924c1bd..cb9261d283 100644
--- a/web/templates/popovers/emoji/emoji_popover.hbs
+++ b/web/templates/popovers/emoji/emoji_popover.hbs
@@ -9,9 +9,9 @@
                 <span class="emoji-popover-tab-item {{#if @first}} active {{/if}}" data-tab-name='{{name}}' title='{{name}}'><i class="fa {{icon}}"></i></span>
             {{/each}}
         </div>
-        <div class="emoji-popover-emoji-map" data-simplebar data-simplebar-auto-hide="false" data-message-id="{{message_id}}">
+        <div class="emoji-popover-emoji-map" data-simplebar data-simplebar-tab-index="-1" data-simplebar-auto-hide="false" data-message-id="{{message_id}}">
         </div>
-        <div class="emoji-search-results-container" data-simplebar data-simplebar-auto-hide="false" data-message-id="{{message_id}}">
+        <div class="emoji-search-results-container" data-simplebar data-simplebar-tab-index="-1" data-simplebar-auto-hide="false" data-message-id="{{message_id}}">
             <div class="emoji-popover-results-heading">{{t "Search results" }}</div>
             <div class="emoji-search-results"></div>
         </div>
diff --git a/web/templates/popovers/left_sidebar/left_sidebar_stream_actions_popover.hbs b/web/templates/popovers/left_sidebar/left_sidebar_stream_actions_popover.hbs
index 7b32a44b3c..90d72aa896 100644
--- a/web/templates/popovers/left_sidebar/left_sidebar_stream_actions_popover.hbs
+++ b/web/templates/popovers/left_sidebar/left_sidebar_stream_actions_popover.hbs
@@ -1,4 +1,4 @@
-<div class="popover-menu" id="stream-actions-menu-popover" data-simplebar>
+<div class="popover-menu" id="stream-actions-menu-popover" data-simplebar data-simplebar-tab-index="-1">
     <ul role="menu" class="popover-menu-list" data-stream-id="{{ stream.stream_id }}" data-name="{{ stream.name }}">
         <li role="none" class="popover-stream-header text-item popover-menu-inner-list-item">
             <span class="stream-privacy-original-color-{{stream.stream_id}} stream-privacy filter-icon" style="color: {{stream.color}}">
diff --git a/web/templates/popovers/left_sidebar/left_sidebar_topic_actions_popover.hbs b/web/templates/popovers/left_sidebar/left_sidebar_topic_actions_popover.hbs
index 2f560abc15..300d169afa 100644
--- a/web/templates/popovers/left_sidebar/left_sidebar_topic_actions_popover.hbs
+++ b/web/templates/popovers/left_sidebar/left_sidebar_topic_actions_popover.hbs
@@ -1,4 +1,4 @@
-<div class="popover-menu" id="topic-actions-menu-popover" data-simplebar>
+<div class="popover-menu" id="topic-actions-menu-popover" data-simplebar data-simplebar-tab-index="-1">
     <ul role="menu" class="popover-menu-list">
         <li role="none" class="popover-topic-header text-item popover-menu-list-item">
             <span class="popover-topic-name">{{topic_name}}</span>
diff --git a/web/templates/popovers/message_actions_popover.hbs b/web/templates/popovers/message_actions_popover.hbs
index f7b3ff65c8..702ab16c35 100644
--- a/web/templates/popovers/message_actions_popover.hbs
+++ b/web/templates/popovers/message_actions_popover.hbs
@@ -1,4 +1,4 @@
-<div class="popover-menu" id="message-actions-menu-dropdown" data-simplebar>
+<div class="popover-menu" id="message-actions-menu-dropdown" data-simplebar data-simplebar-tab-index="-1">
     <ul role="menu" class="popover-menu-list">
         {{!-- Group 1 --}}
         {{#if should_display_quote_and_reply}}
diff --git a/web/templates/popovers/navbar/navbar_gear_menu_popover.hbs b/web/templates/popovers/navbar/navbar_gear_menu_popover.hbs
index e5e322ce67..d80fc059c0 100644
--- a/web/templates/popovers/navbar/navbar_gear_menu_popover.hbs
+++ b/web/templates/popovers/navbar/navbar_gear_menu_popover.hbs
@@ -1,4 +1,4 @@
-<div class="popover-menu" id="gear-menu-dropdown" aria-labelledby="settings-dropdown" data-simplebar>
+<div class="popover-menu" id="gear-menu-dropdown" aria-labelledby="settings-dropdown" data-simplebar data-simplebar-tab-index="-1">
     <div class="org-info-container">
         <div class="org-info org-name">{{realm_name}}</div>
         <div class="org-info org-url">{{realm_url}}</div>
diff --git a/web/templates/popovers/navbar/navbar_help_menu_popover.hbs b/web/templates/popovers/navbar/navbar_help_menu_popover.hbs
index 67b014305c..0b894d8dc3 100644
--- a/web/templates/popovers/navbar/navbar_help_menu_popover.hbs
+++ b/web/templates/popovers/navbar/navbar_help_menu_popover.hbs
@@ -1,4 +1,4 @@
-<div class="popover-menu" id="help-menu-dropdown" aria-labelledby="help-menu" data-simplebar>
+<div class="popover-menu" id="help-menu-dropdown" aria-labelledby="help-menu" data-simplebar data-simplebar-tab-index="-1">
     <ul role="menu" class="popover-menu-list">
         <li role="none" class="link-item popover-menu-list-item">
             <a role="menuitem" href="/help/" target="_blank" rel="noopener noreferrer" class="navigate-link-on-enter popover-menu-link">
diff --git a/web/templates/popovers/navbar/navbar_personal_menu_popover.hbs b/web/templates/popovers/navbar/navbar_personal_menu_popover.hbs
index 3bbf8f212a..a46550ecad 100644
--- a/web/templates/popovers/navbar/navbar_personal_menu_popover.hbs
+++ b/web/templates/popovers/navbar/navbar_personal_menu_popover.hbs
@@ -1,4 +1,4 @@
-<div class="popover-menu" id="personal-menu-dropdown" data-simplebar>
+<div class="popover-menu" id="personal-menu-dropdown" data-simplebar data-simplebar-tab-index="-1">
     <nav class="personal-menu-nav">
         <header class="personal-menu-header">
             <div class="avatar">
diff --git a/web/templates/popovers/user_group_info_popover.hbs b/web/templates/popovers/user_group_info_popover.hbs
index b09474737a..ed05882744 100644
--- a/web/templates/popovers/user_group_info_popover.hbs
+++ b/web/templates/popovers/user_group_info_popover.hbs
@@ -9,7 +9,7 @@
             </div>
         </div>
         <hr />
-        <ul class="nav nav-list member-list" data-simplebar data-simplebar-auto-hide="false">
+        <ul class="nav nav-list member-list" data-simplebar data-simplebar-tab-index="-1" data-simplebar-auto-hide="false">
             {{#each members}}
                 <li>
                     {{#if is_bot}}
diff --git a/web/templates/right_sidebar.hbs b/web/templates/right_sidebar.hbs
index c4491eccda..fa248e01f2 100644
--- a/web/templates/right_sidebar.hbs
+++ b/web/templates/right_sidebar.hbs
@@ -13,7 +13,7 @@
                     <i class="fa fa-remove" aria-hidden="true"></i>
                 </button>
             </div>
-            <div id="buddy_list_wrapper" class="scrolling_list" data-simplebar>
+            <div id="buddy_list_wrapper" class="scrolling_list" data-simplebar data-simplebar-tab-index="-1">
                 <div id="buddy-list-users-matching-view-container">
                     <div class="buddy-list-subsection-header"></div>
                     <ul id="buddy-list-users-matching-view" class="buddy-list-section filters" data-search-results-empty="{{t 'None.' }}"></ul>
diff --git a/web/templates/search_operators.hbs b/web/templates/search_operators.hbs
index 5ce4128118..14ea8b2e25 100644
--- a/web/templates/search_operators.hbs
+++ b/web/templates/search_operators.hbs
@@ -1,5 +1,5 @@
 <div class="overlay-modal hide" id="search-operators" tabindex="-1" role="dialog" aria-label="{{t 'Search filters' }}">
-    <div class="overlay-scroll-container" data-simplebar data-simplebar-auto-hide="false">
+    <div class="overlay-scroll-container" data-simplebar data-simplebar-tab-index="-1" data-simplebar-auto-hide="false">
         <div id="operators-instructions">
             <table class="table table-striped table-rounded table-bordered help-table">
                 <thead>
diff --git a/web/templates/settings/active_user_list_admin.hbs b/web/templates/settings/active_user_list_admin.hbs
index 30ff599391..df0d7a2717 100644
--- a/web/templates/settings/active_user_list_admin.hbs
+++ b/web/templates/settings/active_user_list_admin.hbs
@@ -9,7 +9,7 @@
         </div>
     </div>
 
-    <div class="progressive-table-wrapper" data-simplebar>
+    <div class="progressive-table-wrapper" data-simplebar data-simplebar-tab-index="-1">
         <table class="table table-striped wrapped-table">
             <thead class="table-sticky-headers">
                 <th class="active" data-sort="alphabetic" data-sort-prop="full_name">{{t "Name" }}</th>
diff --git a/web/templates/settings/alert_word_settings.hbs b/web/templates/settings/alert_word_settings.hbs
index 046e0c974e..2e373b5143 100644
--- a/web/templates/settings/alert_word_settings.hbs
+++ b/web/templates/settings/alert_word_settings.hbs
@@ -17,7 +17,7 @@
         </button>
         <span class="alert_word_status_text"></span>
     </div>
-    <div class="progressive-table-wrapper" data-simplebar>
+    <div class="progressive-table-wrapper" data-simplebar data-simplebar-tab-index="-1">
         <table class="table table-striped wrapped-table">
             <thead class="table-sticky-headers">
                 <th data-sort="alphabetic" data-sort-prop="word">{{t "Word" }}</th>
diff --git a/web/templates/settings/attachments_settings.hbs b/web/templates/settings/attachments_settings.hbs
index 2552587305..9138838c83 100644
--- a/web/templates/settings/attachments_settings.hbs
+++ b/web/templates/settings/attachments_settings.hbs
@@ -6,7 +6,7 @@
     </div>
     <div class="clear-float"></div>
     <div class="alert" id="delete-upload-status"></div>
-    <div class="progressive-table-wrapper" data-simplebar>
+    <div class="progressive-table-wrapper" data-simplebar data-simplebar-tab-index="-1">
         <table class="table table-striped wrapped-table">
             <thead class="table-sticky-headers">
                 <th data-sort="alphabetic" data-sort-prop="name" class="upload-file-name">{{t "File" }}</th>
diff --git a/web/templates/settings/bot_list_admin.hbs b/web/templates/settings/bot_list_admin.hbs
index 228e151770..8e63bb89d2 100644
--- a/web/templates/settings/bot_list_admin.hbs
+++ b/web/templates/settings/bot_list_admin.hbs
@@ -24,7 +24,7 @@
         <input type="text" class="search filter_text_input" placeholder="{{t 'Filter bots' }}" aria-label="{{t 'Filter bots' }}"/>
     </div>
 
-    <div class="progressive-table-wrapper" data-simplebar>
+    <div class="progressive-table-wrapper" data-simplebar data-simplebar-tab-index="-1">
         <table class="table table-striped wrapped-table">
             <thead class="table-sticky-headers">
                 <th class="active" data-sort="alphabetic" data-sort-prop="full_name">{{t "Name" }}</th>
diff --git a/web/templates/settings/data_exports_admin.hbs b/web/templates/settings/data_exports_admin.hbs
index 25a18f4518..2fe6c8e473 100644
--- a/web/templates/settings/data_exports_admin.hbs
+++ b/web/templates/settings/data_exports_admin.hbs
@@ -32,7 +32,7 @@
           aria-label="{{t 'Filter exports' }}"/>
     </div>
 
-    <div class="progressive-table-wrapper" data-simplebar>
+    <div class="progressive-table-wrapper" data-simplebar data-simplebar-tab-index="-1">
         <table class="table table-striped wrapped-table admin_exports_table">
             <thead class="table-sticky-headers">
                 <th class="active" data-sort="user">{{t "Requesting user" }}</th>
diff --git a/web/templates/settings/deactivated_users_admin.hbs b/web/templates/settings/deactivated_users_admin.hbs
index 04d1928b6f..bf239e9f1e 100644
--- a/web/templates/settings/deactivated_users_admin.hbs
+++ b/web/templates/settings/deactivated_users_admin.hbs
@@ -12,7 +12,7 @@
         </div>
     </div>
 
-    <div class="progressive-table-wrapper" data-simplebar>
+    <div class="progressive-table-wrapper" data-simplebar data-simplebar-tab-index="-1">
         <table class="table table-striped wrapped-table">
             <thead class="table-sticky-headers">
                 <th class="active" data-sort="alphabetic" data-sort-prop="full_name">{{t "Name" }}</th>
diff --git a/web/templates/settings/default_streams_list_admin.hbs b/web/templates/settings/default_streams_list_admin.hbs
index 3de714f04e..ff6b6613c1 100644
--- a/web/templates/settings/default_streams_list_admin.hbs
+++ b/web/templates/settings/default_streams_list_admin.hbs
@@ -11,7 +11,7 @@
         </div>
     </div>
 
-    <div class="progressive-table-wrapper" data-simplebar>
+    <div class="progressive-table-wrapper" data-simplebar data-simplebar-tab-index="-1">
         <table class="table table-striped wrapped-table">
             <thead class="table-sticky-headers">
                 <th class="active" data-sort="alphabetic" data-sort-prop="name">{{t "Name" }}</th>
diff --git a/web/templates/settings/emoji_settings_admin.hbs b/web/templates/settings/emoji_settings_admin.hbs
index 441f2164b3..c8c6839a7d 100644
--- a/web/templates/settings/emoji_settings_admin.hbs
+++ b/web/templates/settings/emoji_settings_admin.hbs
@@ -14,7 +14,7 @@
         <input type="text" class="search filter_text_input" placeholder="{{t 'Filter emoji' }}"
           aria-label="{{t 'Filter emoji' }}"/>
     </div>
-    <div class="progressive-table-wrapper" data-simplebar>
+    <div class="progressive-table-wrapper" data-simplebar data-simplebar-tab-index="-1">
         <table class="table table-striped wrapped-table admin_emoji_table">
             <thead class="table-sticky-headers">
                 <th class="active" data-sort="alphabetic" data-sort-prop="name">{{t "Name" }}</th>
diff --git a/web/templates/settings/invites_list_admin.hbs b/web/templates/settings/invites_list_admin.hbs
index d1dd641457..139ea27639 100644
--- a/web/templates/settings/invites_list_admin.hbs
+++ b/web/templates/settings/invites_list_admin.hbs
@@ -11,7 +11,7 @@
         <input type="text" class="search filter_text_input" placeholder="{{t 'Filter invitations' }}" aria-label="{{t 'Filter invitations' }}"/>
     </div>
 
-    <div class="progressive-table-wrapper" data-simplebar>
+    <div class="progressive-table-wrapper" data-simplebar data-simplebar-tab-index="-1">
         <table class="table table-striped">
             <thead class="table-sticky-headers">
                 <th class="active" data-sort="invitee">{{t "Invitee" }}</th>
diff --git a/web/templates/settings/linkifier_settings_admin.hbs b/web/templates/settings/linkifier_settings_admin.hbs
index 76c6a183e2..4401d5e8c1 100644
--- a/web/templates/settings/linkifier_settings_admin.hbs
+++ b/web/templates/settings/linkifier_settings_admin.hbs
@@ -62,7 +62,7 @@
             <input type="text" class="search filter_text_input" placeholder="{{t 'Filter linkifiers' }}" aria-label="{{t 'Filter linkifiers' }}"/>
         </div>
 
-        <div class="progressive-table-wrapper" data-simplebar>
+        <div class="progressive-table-wrapper" data-simplebar data-simplebar-tab-index="-1">
             <table class="table table-striped wrapped-table admin_linkifiers_table">
                 <thead class="table-sticky-headers">
                     <th>{{t "Pattern" }}</th>
diff --git a/web/templates/settings/muted_users_settings.hbs b/web/templates/settings/muted_users_settings.hbs
index 581fc1ba09..901cb2eaab 100644
--- a/web/templates/settings/muted_users_settings.hbs
+++ b/web/templates/settings/muted_users_settings.hbs
@@ -3,7 +3,7 @@
         <h3>{{t "Muted users"}}</h3>
         <input id="muted_users_search" class="search filter_text_input" type="text" placeholder="{{t 'Filter muted users' }}" aria-label="{{t 'Filter muted users' }}"/>
     </div>
-    <div class="progressive-table-wrapper" data-simplebar>
+    <div class="progressive-table-wrapper" data-simplebar data-simplebar-tab-index="-1">
         <table class="table table-striped wrapped-table">
             <thead class="table-sticky-headers">
                 <th data-sort="alphabetic" data-sort-prop="user_name">{{t "User" }}</th>
diff --git a/web/templates/settings/playground_settings_admin.hbs b/web/templates/settings/playground_settings_admin.hbs
index 8f210d78fa..47b25af1f2 100644
--- a/web/templates/settings/playground_settings_admin.hbs
+++ b/web/templates/settings/playground_settings_admin.hbs
@@ -67,7 +67,7 @@
             <input type="text" class="search filter_text_input" placeholder="{{t 'Filter code playgrounds' }}" aria-label="{{t 'Filter code playgrounds' }}"/>
         </div>
 
-        <div class="progressive-table-wrapper" data-simplebar>
+        <div class="progressive-table-wrapper" data-simplebar data-simplebar-tab-index="-1">
             <table class="table table-striped wrapped-table admin_playgrounds_table">
                 <thead class="table-sticky-headers">
                     <th class="active" data-sort="alphabetic" data-sort-prop="pygments_language">{{t "Language" }}</th>
diff --git a/web/templates/settings/profile_field_settings_admin.hbs b/web/templates/settings/profile_field_settings_admin.hbs
index 1db0b17de2..d0dd9983dc 100644
--- a/web/templates/settings/profile_field_settings_admin.hbs
+++ b/web/templates/settings/profile_field_settings_admin.hbs
@@ -6,7 +6,7 @@
         <button class="button rounded sea-green" id="add-custom-profile-field-btn">{{t "Add a new profile field" }}</button>
         {{/if}}
     </div>
-    <div class="admin-table-wrapper" data-simplebar>
+    <div class="admin-table-wrapper" data-simplebar data-simplebar-tab-index="-1">
         <table class="table table-striped admin_profile_fields_table">
             <thead>
                 <tr>
diff --git a/web/templates/settings/user_topics_settings.hbs b/web/templates/settings/user_topics_settings.hbs
index 0b698c5765..45c15da718 100644
--- a/web/templates/settings/user_topics_settings.hbs
+++ b/web/templates/settings/user_topics_settings.hbs
@@ -14,7 +14,7 @@
         {{> settings_save_discard_widget section_name="user-topics-settings" show_only_indicator=true }}
         <input id="user_topics_search" class="search filter_text_input" type="text" placeholder="{{t 'Filter topics' }}" aria-label="{{t 'Filter topics' }}"/>
     </div>
-    <div class="progressive-table-wrapper" data-simplebar>
+    <div class="progressive-table-wrapper" data-simplebar data-simplebar-tab-index="-1">
         <table class="table table-striped wrapped-table">
             <thead class="table-sticky-headers">
                 <th data-sort="alphabetic" data-sort-prop="stream">{{t "Channel" }}</th>
diff --git a/web/templates/settings_overlay.hbs b/web/templates/settings_overlay.hbs
index 3cca3a1751..32546f53c3 100644
--- a/web/templates/settings_overlay.hbs
+++ b/web/templates/settings_overlay.hbs
@@ -9,7 +9,7 @@
     </div>
     <div class="sidebar-wrapper">
         <div class="center tab-container settings-sticky-bar"></div>
-        <div class="sidebar left" data-simplebar>
+        <div class="sidebar left" data-simplebar data-simplebar-tab-index="-1">
             <div class="sidebar-list dark-grey small-text">
                 <ul class="normal-settings-list">
                     <li tabindex="0" data-section="profile">
@@ -147,7 +147,7 @@
                 <span class="exit-sign">&times;</span>
             </div>
         </div>
-        <div id="settings_content" data-simplebar data-simplebar-auto-hide="false">
+        <div id="settings_content" data-simplebar data-simplebar-tab-index="-1" data-simplebar-auto-hide="false">
             <div class="organization-box organization">
 
             </div>
diff --git a/web/templates/stream_settings/new_stream_users.hbs b/web/templates/stream_settings/new_stream_users.hbs
index 6e43cf9c5c..976790eb84 100644
--- a/web/templates/stream_settings/new_stream_users.hbs
+++ b/web/templates/stream_settings/new_stream_users.hbs
@@ -18,7 +18,7 @@
 </div>
 
 <div class="subscriber-list-box">
-    <div class="subscriber_list_container" data-simplebar>
+    <div class="subscriber_list_container" data-simplebar data-simplebar-tab-index="-1">
         <table class="subscriber-list table table-striped">
             <thead class="table-sticky-headers">
                 <th data-sort="alphabetic" data-sort-prop="full_name">{{t "Name" }}</th>
diff --git a/web/templates/stream_settings/stream_creation_form.hbs b/web/templates/stream_settings/stream_creation_form.hbs
index 73dace9412..b2564c89e7 100644
--- a/web/templates/stream_settings/stream_creation_form.hbs
+++ b/web/templates/stream_settings/stream_creation_form.hbs
@@ -1,7 +1,7 @@
 <div class="hide" id="stream-creation" tabindex="-1" role="dialog"
   aria-label="{{t 'Channel creation' }}">
     <form id="stream_creation_form">
-        <div class="stream-creation-simplebar-container" data-simplebar>
+        <div class="stream-creation-simplebar-container" data-simplebar data-simplebar-tab-index="-1">
             <div class="alert stream_create_info"></div>
             <div id="stream_creating_indicator"></div>
             <div class="stream-creation-body">
diff --git a/web/templates/stream_settings/stream_members.hbs b/web/templates/stream_settings/stream_members.hbs
index 6fd074dc7d..bdb361cc7b 100644
--- a/web/templates/stream_settings/stream_members.hbs
+++ b/web/templates/stream_settings/stream_members.hbs
@@ -17,7 +17,7 @@
         </span>
     </div>
     <div class="subscriber-list-box">
-        <div class="subscriber_list_container" data-simplebar>
+        <div class="subscriber_list_container" data-simplebar data-simplebar-tab-index="-1">
             <div class="subscriber_list_loading_indicator"></div>
             <table id="stream_members_list" class="subscriber-list table table-striped">
                 <thead class="table-sticky-headers">
diff --git a/web/templates/stream_settings/stream_settings_overlay.hbs b/web/templates/stream_settings/stream_settings_overlay.hbs
index a488de88db..bb1bc674ee 100644
--- a/web/templates/stream_settings/stream_settings_overlay.hbs
+++ b/web/templates/stream_settings/stream_settings_overlay.hbs
@@ -50,7 +50,7 @@
                         </span>
                     </div>
                 </div>
-                <div class="streams-list" data-simplebar>
+                <div class="streams-list" data-simplebar data-simplebar-tab-index="-1">
                 </div>
             </div>
             <div class="right">
@@ -68,7 +68,7 @@
                     </span>
                     {{/if}}
                 </div>
-                <div id="stream_settings" class="settings" data-simplebar data-simplebar-auto-hide="false">
+                <div id="stream_settings" class="settings" data-simplebar data-simplebar-tab-index="-1" data-simplebar-auto-hide="false">
                     {{!-- edit stream here --}}
                 </div>
                 {{> stream_creation_form }}
diff --git a/web/templates/user_group_settings/new_user_group_users.hbs b/web/templates/user_group_settings/new_user_group_users.hbs
index 2d416efc5e..77fa17b66a 100644
--- a/web/templates/user_group_settings/new_user_group_users.hbs
+++ b/web/templates/user_group_settings/new_user_group_users.hbs
@@ -13,7 +13,7 @@
 </div>
 
 <div class="member-list-box">
-    <div class="member_list_container" data-simplebar>
+    <div class="member_list_container" data-simplebar data-simplebar-tab-index="-1">
         <table class="member-list table table-striped">
             <thead class="table-sticky-headers">
                 <th data-sort="alphabetic" data-sort-prop="full_name">{{t "Name" }}</th>
diff --git a/web/templates/user_group_settings/user_group_creation_form.hbs b/web/templates/user_group_settings/user_group_creation_form.hbs
index ffe8ac97dc..748dd42f24 100644
--- a/web/templates/user_group_settings/user_group_creation_form.hbs
+++ b/web/templates/user_group_settings/user_group_creation_form.hbs
@@ -1,7 +1,7 @@
 <div class="hide" id="user-group-creation" tabindex="-1" role="dialog"
   aria-label="{{t 'User group creation' }}">
     <form id="user_group_creation_form">
-        <div class="user-group-creation-simplebar-container" data-simplebar>
+        <div class="user-group-creation-simplebar-container" data-simplebar data-simplebar-tab-index="-1">
             <div class="alert user_group_create_info"></div>
             <div id="user_group_creating_indicator"></div>
             <div class="user-group-creation-body">
diff --git a/web/templates/user_group_settings/user_group_members.hbs b/web/templates/user_group_settings/user_group_members.hbs
index cb19b489d3..bb45f6a250 100644
--- a/web/templates/user_group_settings/user_group_members.hbs
+++ b/web/templates/user_group_settings/user_group_members.hbs
@@ -16,7 +16,7 @@
         </span>
     </div>
     <div class="member-list-box">
-        <div class="member_list_container" data-simplebar>
+        <div class="member_list_container" data-simplebar data-simplebar-tab-index="-1">
             <div class="member_list_loading_indicator"></div>
             <table class="member-list table table-striped">
                 <thead class="table-sticky-headers">
diff --git a/web/templates/user_group_settings/user_group_settings_overlay.hbs b/web/templates/user_group_settings/user_group_settings_overlay.hbs
index b64beb6348..726a54d6fc 100644
--- a/web/templates/user_group_settings/user_group_settings_overlay.hbs
+++ b/web/templates/user_group_settings/user_group_settings_overlay.hbs
@@ -42,7 +42,7 @@
                         </span>
                     </div>
                 </div>
-                <div class="user-groups-list" data-simplebar>
+                <div class="user-groups-list" data-simplebar data-simplebar-tab-index="-1">
                 </div>
             </div>
             <div class="right">
@@ -60,7 +60,7 @@
                     </span>
                     {{/if}}
                 </div>
-                <div id="user_group_settings" class="settings" data-simplebar data-simplebar-auto-hide="false">
+                <div id="user_group_settings" class="settings" data-simplebar data-simplebar-tab-index="-1" data-simplebar-auto-hide="false">
                     {{!-- edit user group here --}}
                 </div>
                 {{> user_group_creation_form }}
diff --git a/web/templates/user_profile_modal.hbs b/web/templates/user_profile_modal.hbs
index 5bf31f413e..d3c9a91500 100644
--- a/web/templates/user_profile_modal.hbs
+++ b/web/templates/user_profile_modal.hbs
@@ -35,7 +35,7 @@
                 <button class="modal__close" aria-label="{{t 'Close modal' }}" data-micromodal-close></button>
             </div>
             <div id="tab-toggle" class="center"></div>
-            <main class="modal__body" id="body" data-simplebar data-simplebar-auto-hide="false">
+            <main class="modal__body" id="body" data-simplebar data-simplebar-tab-index="-1" data-simplebar-auto-hide="false">
                 <div class="tab-data">
                     <div class="tabcontent active" id="profile-tab">
                         <div class="top">