From e42002aff96fcb5587fa76aec2ff9a97d869cb36 Mon Sep 17 00:00:00 2001
From: Nitrrine <nitrrine@team.lodine.xyz>
Date: Sat, 5 Sep 2026 18:51:16 +0500
Subject: [PATCH 1/2] fix: authorize app page button row

---
 apps/frontend/src/pages/auth/authorize.vue | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/apps/frontend/src/pages/auth/authorize.vue b/apps/frontend/src/pages/auth/authorize.vue
index 0fa6aec164..83c15a3386 100644
--- a/apps/frontend/src/pages/auth/authorize.vue
+++ b/apps/frontend/src/pages/auth/authorize.vue
@@ -326,3 +326,14 @@ definePageMeta({
 	middleware: 'auth',
 })
 </script>
+
+<style>
+.button-row {
+	width: 100%;
+	display: flex;
+	flex-direction: row;
+	justify-content: space-between;
+	align-items: center;
+	gap: var(--gap-md);
+}
+</style>

From ad6d5bda1ddc2b5ea04c56ba672bce31865fc51b Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Mon, 7 Sep 2026 17:46:52 +0100
Subject: [PATCH 2/2] fix: prepr

---
 .../MinecraftAuthErrorModal.vue                 |  6 +++---
 apps/frontend/src/pages/auth/authorize.vue      | 17 +++--------------
 2 files changed, 6 insertions(+), 17 deletions(-)

diff --git a/apps/app-frontend/src/components/ui/minecraft-auth-error-modal/MinecraftAuthErrorModal.vue b/apps/app-frontend/src/components/ui/minecraft-auth-error-modal/MinecraftAuthErrorModal.vue
index 8d34f9e1f8..eaf0b5ca90 100644
--- a/apps/app-frontend/src/components/ui/minecraft-auth-error-modal/MinecraftAuthErrorModal.vue
+++ b/apps/app-frontend/src/components/ui/minecraft-auth-error-modal/MinecraftAuthErrorModal.vue
@@ -129,15 +129,15 @@ async function copyToClipboard(text: string) {
 			</div>
 
 			<!-- Action buttons -->
-			<div class="flex items-center gap-2">
-				<ButtonLink href="https://support.modrinth.com" class="!w-full" @click="modal?.hide()">
+			<div class="flex items-center gap-1">
+				<ButtonLink href="https://support.modrinth.com" class="flex-1" @click="modal?.hide()">
 					<MessagesSquareIcon /> Contact support
 				</ButtonLink>
 				<Button
 					type="colored"
 					color="brand"
 					:disabled="loadingSignIn"
-					class="!w-full"
+					class="flex-1"
 					@click="signInAgain"
 				>
 					<LogInIcon /> Sign in again
diff --git a/apps/frontend/src/pages/auth/authorize.vue b/apps/frontend/src/pages/auth/authorize.vue
index 83c15a3386..38bb19e1b4 100644
--- a/apps/frontend/src/pages/auth/authorize.vue
+++ b/apps/frontend/src/pages/auth/authorize.vue
@@ -58,8 +58,8 @@
 					</div>
 				</div>
 			</div>
-			<div class="button-row">
-				<Button size="xl" class="wide-button" :disabled="pending" @click="onReject">
+			<div class="flex gap-1">
+				<Button size="xl" class="flex-1" :disabled="pending" @click="onReject">
 					<XIcon />
 					{{ formatMessage(messages.decline) }}
 				</Button>
@@ -67,7 +67,7 @@
 					type="colored"
 					color="brand"
 					size="xl"
-					class="wide-button"
+					class="flex-1"
 					:disabled="pending"
 					@click="onAuthorize"
 				>
@@ -326,14 +326,3 @@ definePageMeta({
 	middleware: 'auth',
 })
 </script>
-
-<style>
-.button-row {
-	width: 100%;
-	display: flex;
-	flex-direction: row;
-	justify-content: space-between;
-	align-items: center;
-	gap: var(--gap-md);
-}
-</style>