From 45a397d52bad23a2acfcafe87ec2f8175738acba Mon Sep 17 00:00:00 2001
From: "Calum H." <calum@modrinth.com>
Date: Mon, 9 Feb 2026 14:37:01 +0000
Subject: [PATCH] fix: action button positioning on mobile (#5344)

---
 packages/ui/src/components/modal/NewModal.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/components/modal/NewModal.vue b/packages/ui/src/components/modal/NewModal.vue
index 1a7a6e5df..750cc7310 100644
--- a/packages/ui/src/components/modal/NewModal.vue
+++ b/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 },
 						]"