From cfcfcb2a915eda742a952ef2ece3a329fa1441c8 Mon Sep 17 00:00:00 2001
From: 0x1337 <za6ah9t@icloud.com>
Date: Thu, 12 Dec 2024 22:04:00 +0700
Subject: [PATCH] fix: transfer view styling bug

---
 client/src/ui/components/trading/SelectResources.tsx | 1 -
 client/src/ui/elements/ListSelect.tsx                | 4 ++--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/client/src/ui/components/trading/SelectResources.tsx b/client/src/ui/components/trading/SelectResources.tsx
index 8691876ae..f5abae5e9 100644
--- a/client/src/ui/components/trading/SelectResources.tsx
+++ b/client/src/ui/components/trading/SelectResources.tsx
@@ -65,7 +65,6 @@ export const SelectResources = ({
               </Button>
             )}
             <ListSelect
-              className="overflow-hidden"
               options={options}
               value={selectedResourceIds[index]}
               onChange={(value) => {
diff --git a/client/src/ui/elements/ListSelect.tsx b/client/src/ui/elements/ListSelect.tsx
index c83ed9dfe..c1439d711 100644
--- a/client/src/ui/elements/ListSelect.tsx
+++ b/client/src/ui/elements/ListSelect.tsx
@@ -56,10 +56,10 @@ function ListSelect(props: ListSelectProps) {
               leaveFrom="opacity-100"
               leaveTo="opacity-0"
             >
-              <div className="fixed z-50 mt-1 w-min text-xs">
+              <div className="absolute top-[100%] z-50 w-min text-xs">
                 <Listbox.Options
                   className={clsx(
-                    "z-50 mt-3 w-full rounded-md py-1 max-h-72 overflow-scroll z-100 border border-gold/10 no-scrollbar",
+                    "z-50 mt-2 w-full rounded-md py-1 max-h-72 overflow-scroll z-100 border border-gold/10 no-scrollbar",
                     props.style === "black" ? "bg-brown" : " bg-brown",
                   )}
                 >