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 0fa6aec164..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"
 				>