fix: action button positioning on mobile (#5344)

packages/ui/src/components/modal/NewModal.vue

@@ -60,7 +60,7 @@
 					</button>
 				</ButtonStyled>
 
-				<div v-if="scrollable" class="relative">
+				<div v-if="scrollable" class="relative flex-1 min-h-0 flex flex-col">
 					<Transition
 						enter-active-class="transition-all duration-200 ease-out"
 						enter-from-class="opacity-0 max-h-0"
@@ -78,6 +78,7 @@
 					<div
 						ref="scrollContainer"
 						:class="[
+							'flex-1 min-h-0',
 							props.noPadding ? '' : 'overflow-y-auto p-6 !pb-1 sm:pb-6',
 							{ 'pt-12': props.mergeHeader && closable && !props.noPadding },
 						]"