From aa5d81d6a1accec5b5a140364bb87487bf284e1f Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@mikecao.com>
Date: Sun, 15 Oct 2023 14:07:53 -0700
Subject: [PATCH] Fixed website select.

---
 src/app/(main)/websites/[id]/WebsiteMenuView.js | 2 +-
 src/components/input/WebsiteSelect.js           | 2 ++
 src/components/input/WebsiteSelect.module.css   | 4 ++++
 3 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 src/components/input/WebsiteSelect.module.css

diff --git a/src/app/(main)/websites/[id]/WebsiteMenuView.js b/src/app/(main)/websites/[id]/WebsiteMenuView.js
index a7cfb0f2..370d2f77 100644
--- a/src/app/(main)/websites/[id]/WebsiteMenuView.js
+++ b/src/app/(main)/websites/[id]/WebsiteMenuView.js
@@ -109,7 +109,7 @@ export default function WebsiteMenuView({ websiteId, websiteDomain }) {
   return (
     <div className={styles.layout}>
       <div className={styles.menu}>
-        <LinkButton href={pathname} className={styles.back}>
+        <LinkButton href={pathname} className={styles.back} variant="quiet">
           <Icon rotate={180}>
             <Icons.ArrowRight />
           </Icon>
diff --git a/src/components/input/WebsiteSelect.js b/src/components/input/WebsiteSelect.js
index da8db09e..078389d3 100644
--- a/src/components/input/WebsiteSelect.js
+++ b/src/components/input/WebsiteSelect.js
@@ -1,6 +1,7 @@
 import { Dropdown, Item } from 'react-basics';
 import useApi from 'components/hooks/useApi';
 import useMessages from 'components/hooks/useMessages';
+import styles from './WebsiteSelect.module.css';
 
 export function WebsiteSelect({ websiteId, onSelect }) {
   const { formatMessage, labels } = useMessages();
@@ -13,6 +14,7 @@ export function WebsiteSelect({ websiteId, onSelect }) {
 
   return (
     <Dropdown
+      menuProps={{ className: styles.dropdown }}
       items={data?.data}
       value={websiteId}
       renderValue={renderValue}
diff --git a/src/components/input/WebsiteSelect.module.css b/src/components/input/WebsiteSelect.module.css
new file mode 100644
index 00000000..42e2911a
--- /dev/null
+++ b/src/components/input/WebsiteSelect.module.css
@@ -0,0 +1,4 @@
+.dropdown {
+  max-height: 400px;
+  overflow-y: auto;
+}