diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index c2a8e08e..7d755239 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -18,7 +18,7 @@ jobs:
                   persist-credentials: false
             - uses: actions/setup-node@v3
               with:
-                  node-version: 18
+                  node-version: 20
                   cache: "npm"
             - run: npm ci
             - run: npm run build
diff --git a/src/components/dialog/dialog.tsx b/src/components/dialog/dialog.tsx
index 1ea5883a..da0d092b 100644
--- a/src/components/dialog/dialog.tsx
+++ b/src/components/dialog/dialog.tsx
@@ -49,7 +49,7 @@ export const Dialog = ({
                         leaveTo="opacity-0"
                     >
                         <div
-                            className="fixed inset-0 bg-modal-background"
+                            className="fixed inset-0 z-40 bg-modal-background"
                             aria-hidden="true"
                             onClick={() => handleClose(true)}
                         />
@@ -58,7 +58,7 @@ export const Dialog = ({
 
                 <div
                     className={classNames(
-                        `fixed inset-0 flex overflow-y-auto p-8`,
+                        `fixed inset-0 z-50 flex overflow-y-auto p-8`,
                         position === "bottom-right" && "items-end justify-end",
                         position === "center" && "items-center justify-center"
                     )}