diff --git a/static/js/explorer.js b/static/js/explorer.js
index ab4731a..83372c3 100644
--- a/static/js/explorer.js
+++ b/static/js/explorer.js
@@ -17,9 +17,10 @@
   function modalFixes() {
     // Fix bootstrap backdrop stacking when having multiple modals
     $(document).on('show.bs.modal', '.modal', function() {
-      const zIndex = 2000;
+      const offset = (10 * $('.modal:visible').length);
+      const zIndex = 2000 + offset;
       $(this).css('z-index', zIndex);
-      setTimeout(() => $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack'));
+      setTimeout(() => $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - offset - 1).addClass('modal-stack'));
     });
     // Fix bootstrap scrolling stacking when having multiple modals
     $(document).on('hidden.bs.modal', '.modal', function(){
diff --git a/templates/clients/clients_cl.html b/templates/clients/clients_cl.html
index 0153293..9fe49b7 100644
--- a/templates/clients/clients_cl.html
+++ b/templates/clients/clients_cl.html
@@ -116,7 +116,7 @@ <h2 class="accordion-header">
 
               <!--- Peer DAS Warnings modal -->
              <div class="modal fade" id="peerDasWarningsModal" tabindex="-1" role="dialog" aria-labelledby="peerDasWarningsModal" aria-hidden="true">
-              <div class="modal-dialog modal-lg" role="document">
+              <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                 <div class="modal-content">
                   <div class="modal-header">
                     <h5 class="modal-title" id="peerDasWarningsModal">👀 PeerDAS: Some problems were detected</h5>