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;
 }