Fix UI glitch (#3024)

trento-project · Sep 26, 2024 · e8d3ec2 · e8d3ec2
1 parent 23ca094
commit e8d3ec2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git 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
@@ -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}