From bd9459ca4bd6d5c15daee3e8398ba28716023520 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sun, 18 Jun 2023 00:01:16 -0700
Subject: [PATCH] Fix dialog footer styles

---
 components/FilterModal/index.tsx           |  3 ++-
 components/auth/AccountModal/index.tsx     | 11 +++++++----
 components/common/DialogContent/index.scss |  4 ++--
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/components/FilterModal/index.tsx b/components/FilterModal/index.tsx
index 7eaec126..ed41db21 100644
--- a/components/FilterModal/index.tsx
+++ b/components/FilterModal/index.tsx
@@ -414,7 +414,8 @@ const FilterModal = (props: Props) => {
           {originalOnlyField()}
         </div>
         <div className="DialogFooter" ref={footerRef}>
-          <div className="Buttons Spaced">
+          <div className="Left"></div>
+          <div className="Right Buttons Spaced">
             <Button
               blended={true}
               text={t('modals.filters.buttons.clear')}
diff --git a/components/auth/AccountModal/index.tsx b/components/auth/AccountModal/index.tsx
index 9b37b831..93394c9a 100644
--- a/components/auth/AccountModal/index.tsx
+++ b/components/auth/AccountModal/index.tsx
@@ -330,10 +330,13 @@ const AccountModal = React.forwardRef<HTMLDivElement, Props>(
               {themeField()}
             </div>
             <div className="DialogFooter" ref={footerRef}>
-              <Button
-                contained={true}
-                text={t('modals.settings.buttons.confirm')}
-              />
+              <div className="Left"></div>
+              <div className="Right">
+                <Button
+                  contained={true}
+                  text={t('modals.settings.buttons.confirm')}
+                />
+              </div>
             </div>
           </form>
         </DialogContent>
diff --git a/components/common/DialogContent/index.scss b/components/common/DialogContent/index.scss
index 648441a0..5abab695 100644
--- a/components/common/DialogContent/index.scss
+++ b/components/common/DialogContent/index.scss
@@ -160,7 +160,8 @@
       box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.16);
       border-top: 1px solid rgba(0, 0, 0, 0.24);
       display: flex;
-      flex-direction: column;
+      flex-direction: row;
+      justify-content: space-between;
       padding: ($unit * 1.5) ($unit * $multiplier) $unit-3x;
       position: sticky;
 
@@ -178,7 +179,6 @@
 
         &.Spaced {
           justify-content: space-between;
-          width: 100%;
         }
       }
     }