diff --git a/assets/js/common/Pagination/Pagination.jsx b/assets/js/common/Pagination/Pagination.jsx
index dd15b751d5..013fe901e6 100644
--- a/assets/js/common/Pagination/Pagination.jsx
+++ b/assets/js/common/Pagination/Pagination.jsx
@@ -51,7 +51,7 @@ function ItemsPerPageSelector({
       <div className="flex pl-3 items-center text-sm">
         <span className="pr-2 text-gray-600">Results per page</span>
         <Select
-          className="z-40 w-20"
+          className="w-20"
           optionsName=""
           options={itemsPerPageOptions}
           value={currentItemsPerPage}
diff --git a/assets/js/common/Select/Select.jsx b/assets/js/common/Select/Select.jsx
index 5d7452e3cb..e685600c54 100644
--- a/assets/js/common/Select/Select.jsx
+++ b/assets/js/common/Select/Select.jsx
@@ -54,7 +54,7 @@ function Select({
             leaveFrom="opacity-100"
             leaveTo="opacity-0"
           >
-            <Listbox.Options className="absolute w-full py-1 mt-1 overflow-auto text-base bg-white rounded-md shadow-lg max-h-60 ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm z-[1]">
+            <Listbox.Options className="absolute w-full py-1 mt-1 overflow-auto text-base bg-white rounded-md shadow-lg max-h-60 ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm z-40">
               {enrichedOptions.map((option) => (
                 <Listbox.Option
                   key={option.value}