diff --git a/src/ui/MultiSelect/MultiSelect.jsx b/src/ui/MultiSelect/MultiSelect.jsx
index 3a760b759f..ed51f6c955 100644
--- a/src/ui/MultiSelect/MultiSelect.jsx
+++ b/src/ui/MultiSelect/MultiSelect.jsx
@@ -17,7 +17,7 @@ const SelectClasses = {
   button:
     'flex justify-between items-center w-full border border-ds-gray-tertiary rounded bg-ds-container text-left px-3 h-8 disabled:text-ds-gray-quaternary disabled:bg-ds-gray-primary disabled:border-ds-gray-tertiary focus:outline-1 whitespace-nowrap',
   listContainer:
-    'overflow-hidden rounded-bl rounded-br bg-ds-container border-ds-gray-tertiary absolute w-full z-20 max-h-80 min-w-fit',
+    'overflow-hidden rounded-bl rounded-br bg-ds-container border-ds-gray-tertiary absolute w-full z-40 max-h-80 min-w-fit',
   listItem: 'block cursor-pointer py-1 px-3 text-sm',
   loadMoreTrigger: 'relative top-[-65px] invisible block leading-[0]',
 }
@@ -283,7 +283,7 @@ const MultiSelect = forwardRef(
             />
           </button>
           <div
-            className={cs(!onSearch && 'hidden', 'absolute', 'inset-x-0 z-10')}
+            className={cs(!onSearch && 'hidden', 'absolute', 'inset-x-0 z-50')}
           >
             <div className={cs(!isOpen && 'hidden')}>
               <SearchField