From 960aa90c32fa9c1355ab0543f100e81bf508d54e Mon Sep 17 00:00:00 2001
From: PaRaD1SE98 <parad1se@prds98.com>
Date: Wed, 10 May 2023 14:09:30 +0000
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96Select=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/ui-lib.module.scss | 2 +-
 app/components/ui-lib.tsx         | 7 ++-----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/app/components/ui-lib.module.scss b/app/components/ui-lib.module.scss
index 6296c908..e0806d22 100644
--- a/app/components/ui-lib.module.scss
+++ b/app/components/ui-lib.module.scss
@@ -209,6 +209,7 @@
   max-width: fit-content;
   
   .select-with-icon-select {
+    height: 100%;
     border: var(--border-in-light);
     padding: 10px 25px 10px 10px;
     border-radius: 10px;
@@ -217,7 +218,6 @@
     background-color: var(--white);
     color: var(--black);
     text-align: center;
-    position: relative;
   }
 
   .select-with-icon-icon {
diff --git a/app/components/ui-lib.tsx b/app/components/ui-lib.tsx
index 935f0f93..5687b1c5 100644
--- a/app/components/ui-lib.tsx
+++ b/app/components/ui-lib.tsx
@@ -254,11 +254,8 @@ export function Select(
 ) {
   const { className, children, ...otherProps } = props;
   return (
-    <div className={styles["select-with-icon"]}>
-      <select
-        className={`${styles["select-with-icon-select"]} ${className}`}
-        {...otherProps}
-      >
+    <div className={`${styles["select-with-icon"]} ${className}`}>
+      <select className={styles["select-with-icon-select"]} {...otherProps}>
         {children}
       </select>
       <DownIcon className={styles["select-with-icon-icon"]} />