From 0a58a93791253cb799a1ffe0e00c6167a333b8e8 Mon Sep 17 00:00:00 2001
From: Daniel Qu <danielq987@gmail.com>
Date: Thu, 13 Oct 2022 03:37:30 -0400
Subject: [PATCH] Fix double scrollbar on small height screens

---
 src/App.css               | 4 ++++
 src/components/Picker.jsx | 1 +
 2 files changed, 5 insertions(+)

diff --git a/src/App.css b/src/App.css
index 50232a2..7acb4fb 100644
--- a/src/App.css
+++ b/src/App.css
@@ -53,6 +53,10 @@
   gap: 1rem;
 }
 
+.modal > .MuiPopover-paper {
+  overflow: hidden;
+}
+
 .picker-search {
   margin: 0.5rem;
 }
diff --git a/src/components/Picker.jsx b/src/components/Picker.jsx
index f13e4ab..8ce0096 100644
--- a/src/components/Picker.jsx
+++ b/src/components/Picker.jsx
@@ -56,6 +56,7 @@ export default function Picker({ setCharacter }) {
           vertical: "bottom",
           horizontal: "left",
         }}
+        className="modal"
       >
         <div className="picker-search">
           <TextField