From f799e6f67ecdf67539e55c43c7957f881446c1d9 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Thu, 30 Apr 2026 17:25:32 +0100
Subject: [PATCH] fix: modpack linked text alignment

---
 packages/ui/src/components/servers/worlds/WorldCard.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/components/servers/worlds/WorldCard.vue b/packages/ui/src/components/servers/worlds/WorldCard.vue
index fbf4244d45..9b202ff204 100644
--- a/packages/ui/src/components/servers/worlds/WorldCard.vue
+++ b/packages/ui/src/components/servers/worlds/WorldCard.vue
@@ -121,9 +121,9 @@
 					<span>{{ formatMessage(commonMessages.modpackLabel) }}</span>
 					<div
 						v-if="world.linkedModpack"
-						class="flex min-w-0 items-center gap-2 text-right font-semibold text-contrast"
+						class="flex min-w-0 items-center gap-2 text-right font-semibold leading-5 text-contrast"
 					>
-						<AutoLink :to="world.linkedModpack.link" class="shrink-0">
+						<AutoLink :to="world.linkedModpack.link" class="flex shrink-0 items-center">
 							<Avatar
 								:src="world.linkedModpack.iconUrl"
 								:alt="world.linkedModpack.name"
@@ -134,13 +134,13 @@
 						</AutoLink>
 						<AutoLink
 							:to="world.linkedModpack.link"
-							class="min-w-0 font-semibold text-contrast"
+							class="flex min-w-0 items-center font-semibold leading-5 text-contrast"
 							:class="world.linkedModpack.link ? 'hover:underline' : ''"
 						>
 							<span
 								ref="modpackNameRef"
 								v-tooltip="truncatedTooltip(modpackNameRef, world.linkedModpack.name)"
-								class="block truncate"
+								class="block truncate leading-5"
 							>
 								{{ world.linkedModpack.name }}
 							</span>