From df2ec49ed3367edafa4c65219d356cc0805556cf Mon Sep 17 00:00:00 2001
From: Pas <74743263+Pasithea0@users.noreply.github.com>
Date: Mon, 20 Oct 2025 15:41:55 -0600
Subject: [PATCH] fix z index issues

---
 src/components/form/Dropdown.tsx | 4 ++--
 src/pages/Settings.tsx           | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/form/Dropdown.tsx b/src/components/form/Dropdown.tsx
index b18e4062..8c43149c 100644
--- a/src/components/form/Dropdown.tsx
+++ b/src/components/form/Dropdown.tsx
@@ -33,7 +33,7 @@ export function Dropdown(props: DropdownProps) {
             {customButton ? (
               <Listbox.Button as={Fragment}>{customButton}</Listbox.Button>
             ) : (
-              <Listbox.Button className="relative z-[101] w-full rounded-lg bg-dropdown-background hover:bg-dropdown-hoverBackground py-3 pl-3 pr-10 text-left text-white shadow-md focus:outline-none tabbable cursor-pointer">
+              <Listbox.Button className="relative z-[30] w-full rounded-lg bg-dropdown-background hover:bg-dropdown-hoverBackground py-3 pl-3 pr-10 text-left text-white shadow-md focus:outline-none tabbable cursor-pointer">
                 <span className="flex gap-4 items-center truncate">
                   {props.selectedItem.leftIcon
                     ? props.selectedItem.leftIcon
@@ -51,7 +51,7 @@ export function Dropdown(props: DropdownProps) {
             <Transition
               animation="slide-down"
               show={open}
-              className={`absolute z-[102] min-w-[20px] w-fit max-h-60 overflow-auto rounded-lg bg-dropdown-background py-1 text-white shadow-lg ring-1 ring-black ring-opacity-5 scrollbar-thin scrollbar-track-background-secondary scrollbar-thumb-type-secondary focus:outline-none ${
+              className={`absolute z-[40] min-w-[20px] w-fit max-h-60 overflow-auto rounded-lg bg-dropdown-background py-1 text-white shadow-lg ring-1 ring-black ring-opacity-5 scrollbar-thin scrollbar-track-background-secondary scrollbar-thumb-type-secondary focus:outline-none ${
                 direction === "up" ? "bottom-full mb-4" : "top-full mt-1"
               } ${props.side === "right" ? "right-0" : "left-0"}`}
             >
diff --git a/src/pages/Settings.tsx b/src/pages/Settings.tsx
index 3a85c096..af65bdab 100644
--- a/src/pages/Settings.tsx
+++ b/src/pages/Settings.tsx
@@ -79,7 +79,7 @@ function SettingsLayout(props: {
     <WideContainer ultraWide classNames="overflow-visible">
       {/* Floating Search Bar - starts in sticky state */}
       <div
-        className="fixed left-0 right-0 z-[500]"
+        className="fixed left-0 right-0 z-50"
         style={{
           top: `${stickyOffset}px`,
         }}