diff --git a/src/lib/components/layout/main/card/ProfileCard.svelte b/src/lib/components/layout/main/card/ProfileCard.svelte
index 3ca8a2d..e986680 100644
--- a/src/lib/components/layout/main/card/ProfileCard.svelte
+++ b/src/lib/components/layout/main/card/ProfileCard.svelte
@@ -27,10 +27,10 @@
 
 <div class="mx-auto w-full max-w-2xl">
 	{#if loading}
-		<Card loading={true} variant="elevated" padding="none">
+		<Card loading={true} variant="elevated" padding="none" class="overflow-hidden">
 			{#snippet skeleton()}
 				<!-- Banner skeleton -->
-				<div class="h-32 w-full bg-canvas-300 dark:bg-canvas-700"></div>
+				<div class="h-32 w-full rounded-t-xl bg-canvas-300 dark:bg-canvas-700"></div>
 
 				<!-- Avatar skeleton -->
 				<div class="relative -mt-16 flex justify-center sm:ml-6 sm:justify-start">
diff --git a/src/lib/components/ui/Card.svelte b/src/lib/components/ui/Card.svelte
index de9c86f..a54aa4d 100644
--- a/src/lib/components/ui/Card.svelte
+++ b/src/lib/components/ui/Card.svelte
@@ -165,7 +165,7 @@
 
 			{#if showExternalIcon}
 				<ExternalLink
-					class="h-4 w-4 flex-shrink-0 text-ink-700 transition-colors group-hover:text-primary-600 dark:text-ink-200 dark:group-hover:text-primary-400"
+					class="h-4 w-4 shrink-0 text-ink-700 transition-colors group-hover:text-primary-600 dark:text-ink-200 dark:group-hover:text-primary-400"
 					aria-hidden="true"
 				/>
 			{/if}