diff --git a/web/src/lib/components/repo/CommitSignOff.svelte b/web/src/lib/components/repo/CommitSignOff.svelte
index 740bce451..417703fd0 100644
--- a/web/src/lib/components/repo/CommitSignOff.svelte
+++ b/web/src/lib/components/repo/CommitSignOff.svelte
@@ -7,23 +7,14 @@
 	interface Props {
 		signOffs: SignOff[];
 		class?: string;
-		size?: string;
+		size?: "small" | "regular" | "large";
 	}
 
 	let { signOffs, class: className, size = "regular" }: Props = $props();
 
-	let sizeClass;
-	switch (size) {
-		case "regular":
-			sizeClass = "size-4";
-			break;
-		case "small":
-			sizeClass = "size-3.5 -mt-px";
-			break;
-		case "large":
-			sizeClass = "size-4.5";
-			break;
-	}
+	const sizeClass = $derived(
+		{ small: "size-3.5 -mt-px", regular: "size-4", large: "size-4.5" }[size]
+	);
 </script>
 
 <Hovercard
diff --git a/web/src/lib/components/ui/Hovercard.svelte b/web/src/lib/components/ui/Hovercard.svelte
index f86e64cb6..9445fbc28 100644
--- a/web/src/lib/components/ui/Hovercard.svelte
+++ b/web/src/lib/components/ui/Hovercard.svelte
@@ -216,6 +216,8 @@
 		.hovercard-card {
 			position: absolute;
 			position-try: flip-block, flip-inline;
+			align-self: normal;
+			justify-self: normal;
 		}
 
 		.hovercard-card[data-align="top-left"] {