From 5ab647c629ba9cae10cb49ddb972add0f70ffeb5 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Fri, 2 Dec 2022 12:32:14 +0800
Subject: [PATCH] Increase the z-index on the confirmation dialog so it can be
 displayed over modals

---
 packages/web/components/patterns/ConfirmationModal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/web/components/patterns/ConfirmationModal.tsx b/packages/web/components/patterns/ConfirmationModal.tsx
index 0e9f3ca17..a05d7524f 100644
--- a/packages/web/components/patterns/ConfirmationModal.tsx
+++ b/packages/web/components/patterns/ConfirmationModal.tsx
@@ -22,7 +22,7 @@ export function ConfirmationModal(props: ConfirmationModalProps): JSX.Element {
   return (
     <ModalRoot defaultOpen onOpenChange={props.onOpenChange}>
       <ModalOverlay />
-      <ModalContent css={{ bg: '$grayBg', maxWidth: '20em' }}>
+      <ModalContent css={{ bg: '$grayBg', maxWidth: '20em', zIndex: '20' }}>
         <VStack alignment="center" distribution="center" css={{ p: '$2' }}>
           {props.icon ? props.icon : null}
           {props.richMessage ? (