From d6373718825eae20bce0c3635d50f8d5a40c72cf Mon Sep 17 00:00:00 2001
From: Justin Starry <justin@solana.com>
Date: Mon, 29 Nov 2021 16:52:12 -0600
Subject: [PATCH] explorer: fix modal backdrop z-index (#21499)

---
 explorer/src/components/ClusterModal.tsx | 5 +----
 explorer/src/scss/_solana.scss           | 2 ++
 2 files changed, 3 insertions(+), 4 deletions(-)

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 {