From dcb720527819e6df6f9bd3004baa5546015e5440 Mon Sep 17 00:00:00 2001
From: ekzyis <ek@stacker.news>
Date: Thu, 28 Mar 2024 17:10:05 +0100
Subject: [PATCH] Fix alignment in modal

---
 components/modal.js | 2 +-
 styles/globals.scss | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/modal.js b/components/modal.js
index 19aee78e..7ae025c5 100644
--- a/components/modal.js
+++ b/components/modal.js
@@ -61,7 +61,7 @@ export default function useModal () {
         dialogClassName={className}
         contentClassName={className}
       >
-        <div className='d-flex flex-row align-self-end'>
+        <div className='d-flex flex-row'>
           {modalOptions?.overflow &&
             <div className={'modal-btn modal-overflow ' + className}>
               <ActionDropdown>
diff --git a/styles/globals.scss b/styles/globals.scss
index 53525760..e8f65e87 100644
--- a/styles/globals.scss
+++ b/styles/globals.scss
@@ -485,9 +485,9 @@ div[contenteditable]:disabled,
 .modal-content {
   background-color: var(--theme-inputBg);
   border-color: var(--theme-borderColor);
-  align-items: center;
 }
 .modal-body {
+  align-self: center;
   width: fit-content;
 }