diff --git a/explorer/src/components/ClusterModal.tsx b/explorer/src/components/ClusterModal.tsx
index fce27bed5..e017f275b 100644
--- a/explorer/src/components/ClusterModal.tsx
+++ b/explorer/src/components/ClusterModal.tsx
@@ -32,10 +32,7 @@ export function ClusterModal() {
 
   return (
     <>
-      <div
-        className={`offcanvas offcanvas-end${show ? " show" : ""}`}
-        onClick={onClose}
-      >
+      <div className={`offcanvas offcanvas-end${show ? " show" : ""}`}>
         <div className="modal-body" onClick={(e) => e.stopPropagation()}>
           <span className="c-pointer" onClick={onClose}>
             &times;
diff --git a/explorer/src/scss/_solana.scss b/explorer/src/scss/_solana.scss
index 836551cde..a5029afd1 100644
--- a/explorer/src/scss/_solana.scss
+++ b/explorer/src/scss/_solana.scss
@@ -76,6 +76,8 @@ ul.log-messages {
 
 .offcanvas {
   visibility: visible;
+  // Bootstrap 5.1 updates modal-backdrop to a higher z-index
+  z-index: 1060;
 }
 
 .c-pointer {