diff --git a/src/lib/components/ui/RankIcon.svelte b/src/lib/components/ui/RankIcon.svelte
index 11cd576..3cb5bd9 100644
--- a/src/lib/components/ui/RankIcon.svelte
+++ b/src/lib/components/ui/RankIcon.svelte
@@ -37,7 +37,7 @@
 	};
 
 	const sizeClasses = {
-		sm: 'h-14 w-14',
+		sm: 'h-11 w-11 max-h-11',
 		md: 'h-16 w-16',
 		lg: 'h-20 w-20'
 	};
@@ -61,9 +61,14 @@
 
 {#if showLabel}
 	<div class="inline-flex items-center gap-2 {className}">
-		<img src={iconPath} alt={rankName} class={sizeClasses[size]} />
+		<img src={iconPath} alt={rankName} class="{sizeClasses[size]} object-contain" />
 		<span class="font-medium {labelSizeClasses[size]}">{rankName}</span>
 	</div>
 {:else}
-	<img src={iconPath} alt={rankName} title={rankName} class={`${sizeClasses[size]} ${className}`} />
+	<img
+		src={iconPath}
+		alt={rankName}
+		title={rankName}
+		class="{sizeClasses[size]} {className} inline-block object-contain align-middle"
+	/>
 {/if}
diff --git a/src/routes/match/[id]/+page.svelte b/src/routes/match/[id]/+page.svelte
index 9d190cb..9a4ef73 100644
--- a/src/routes/match/[id]/+page.svelte
+++ b/src/routes/match/[id]/+page.svelte
@@ -162,14 +162,16 @@
 								<td class="font-mono">{(player.adr || 0).toFixed(1)}</td>
 								<td class="font-mono">{(player.hs_percent || 0).toFixed(1)}%</td>
 								<td class="font-mono">{player.kast?.toFixed(1) || '0.0'}%</td>
-								<td>
-									<PremierRatingBadge
-										rating={player.rank_new}
-										oldRating={player.rank_old}
-										size="sm"
-										showChange={true}
-										showIcon={false}
-									/>
+								<td class="h-12">
+									<div class="flex h-full items-center">
+										<PremierRatingBadge
+											rating={player.rank_new}
+											oldRating={player.rank_old}
+											size="sm"
+											showChange={true}
+											showIcon={false}
+										/>
+									</div>
 								</td>
 							</tr>
 						{/each}
@@ -217,14 +219,16 @@
 								<td class="font-mono">{(player.adr || 0).toFixed(1)}</td>
 								<td class="font-mono">{(player.hs_percent || 0).toFixed(1)}%</td>
 								<td class="font-mono">{player.kast?.toFixed(1) || '0.0'}%</td>
-								<td>
-									<PremierRatingBadge
-										rating={player.rank_new}
-										oldRating={player.rank_old}
-										size="sm"
-										showChange={true}
-										showIcon={false}
-									/>
+								<td class="h-12">
+									<div class="flex h-full items-center">
+										<PremierRatingBadge
+											rating={player.rank_new}
+											oldRating={player.rank_old}
+											size="sm"
+											showChange={true}
+											showIcon={false}
+										/>
+									</div>
 								</td>
 							</tr>
 						{/each}