diff --git a/ui/src/components/Modal.tsx b/ui/src/components/Modal.tsx
index 8382b45183..828902a24c 100644
--- a/ui/src/components/Modal.tsx
+++ b/ui/src/components/Modal.tsx
@@ -12,7 +12,7 @@ export default function Modal(props: ModalProps) {
 
   return (
     <Transition.Root show={open} as={Fragment}>
-      <Dialog as="div" className="relative z-10" onClose={setOpen}>
+      <Dialog as="div" className="relative z-20" onClose={setOpen}>
         <Transition.Child
           as={Fragment}
           enter="ease-out duration-200"
diff --git a/ui/src/components/Slideover.tsx b/ui/src/components/Slideover.tsx
index 3fd912f9e1..961cad71c3 100644
--- a/ui/src/components/Slideover.tsx
+++ b/ui/src/components/Slideover.tsx
@@ -14,7 +14,7 @@ const SlideOver = forwardRef((props: SlideOverProps, ref: any) => {
     <Transition.Root show={open} as={Fragment}>
       <Dialog
         as="div"
-        className="relative z-10"
+        className="relative z-20"
         onClose={setOpen}
         initialFocus={ref}
       >