diff --git a/packages/ui/src/components/servers/ServerListing.vue b/packages/ui/src/components/servers/ServerListing.vue
index 0b4fe07f6b..22f7ecc7b6 100644
--- a/packages/ui/src/components/servers/ServerListing.vue
+++ b/packages/ui/src/components/servers/ServerListing.vue
@@ -19,16 +19,14 @@
 					<SpinnerIcon
 						v-if="isProvisioning || isUpgrading"
 						class="size-8 animate-spin absolute text-contrast"
+						:class="{ 'opacity-50': isDisabled }"
 					/>
-					<LockIcon v-else class="size-8 absolute" />
+					<LockIcon v-else class="size-8 absolute" :class="{ 'opacity-50': isDisabled }" />
 				</div>
 				<ServerIcon v-else :image="image ?? undefined" :disabled="isDisabled" />
 				<div class="ml-4 flex flex-col gap-2.5">
 					<div class="flex flex-row items-center gap-2">
-						<h2
-							class="m-0 text-xl font-bold"
-							:class="{ 'text-contrast': !isDisabled, 'text-primary': isDisabled }"
-						>
+						<h2 class="m-0 text-xl font-bold text-contrast" :class="{ 'opacity-50': isDisabled }">
 							{{ name }}
 						</h2>
 						<div
@@ -42,7 +40,7 @@
 					<div
 						v-if="projectData?.title"
 						class="m-0 flex flex-row items-center gap-2 text-sm font-medium"
-						:class="{ 'text-secondary': isDisabled }"
+						:class="{ 'opacity-50': isDisabled }"
 					>
 						<Avatar
 							:src="iconUrl"
@@ -72,7 +70,7 @@
 						:show-game-label="showGameLabel"
 						:show-loader-label="showLoaderLabel"
 						:show-player-count="showPlayerCount"
-						:class="{ 'text-secondary': isDisabled }"
+						:class="{ 'opacity-50': isDisabled }"
 						:linked="false"
 						class="pointer-events-none flex w-full flex-row flex-wrap items-center gap-2 text-primary *:hidden sm:flex-row sm:*:flex"
 					/>