From acadbc3eea2f6fd6a78a2db60803bea15e13a936 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sat, 21 Jan 2023 07:42:41 -0800
Subject: [PATCH] "Fix" extra scroll on AccountModal

This is definitely a "fix" because I have no idea why it was misbehaving in the first place
---
 components/AccountModal/index.scss | 1 +
 components/AccountModal/index.tsx  | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/AccountModal/index.scss b/components/AccountModal/index.scss
index c8135020..fda20060 100644
--- a/components/AccountModal/index.scss
+++ b/components/AccountModal/index.scss
@@ -3,6 +3,7 @@
   flex-direction: column;
   gap: $unit-2x;
   width: $unit * 64;
+  overflow-y: hidden;
 
   .Fields {
     display: flex;
diff --git a/components/AccountModal/index.tsx b/components/AccountModal/index.tsx
index 52677f06..c10ee25c 100644
--- a/components/AccountModal/index.tsx
+++ b/components/AccountModal/index.tsx
@@ -87,6 +87,7 @@ const AccountModal = (props: Props) => {
 
   // Refs
   const headerRef = React.createRef<HTMLDivElement>()
+  const footerRef = React.createRef<HTMLDivElement>()
 
   // UI management
   function openChange(open: boolean) {
@@ -290,6 +291,7 @@ const AccountModal = (props: Props) => {
       <DialogContent
         className="Account"
         headerref={headerRef}
+        footerref={footerRef}
         onOpenAutoFocus={(event: Event) => {}}
         onEscapeKeyDown={onEscapeKeyDown}
       >
@@ -314,7 +316,7 @@ const AccountModal = (props: Props) => {
             {languageField()}
             {themeField()}
           </div>
-          <div className="DialogFooter">
+          <div className="DialogFooter" ref={footerRef}>
             <Button
               contained={true}
               text={t('modals.settings.buttons.confirm')}