diff --git a/src/lib/dialogs/Modal.svelte b/src/lib/dialogs/Modal.svelte
index 292b967..31d9dd9 100644
--- a/src/lib/dialogs/Modal.svelte
+++ b/src/lib/dialogs/Modal.svelte
@@ -49,7 +49,7 @@ $effect(() => {
 	onclick={(e) => closable && modal && e.target === dialog && (open = false)}
 >
 	<header>
-		<b>{title}</b>
+		<span>{title}</span>
 		{#if closable}
 			<button onclick={() => (open = false)} title={t("common.close")}
 				><Icon name="close" /></button
@@ -86,6 +86,15 @@ $effect(() => {
 		background: var(--bg-layer);
 		border-block-end: var(--border);
 	}
+	header > span {
+		flex: 1 1 auto;
+		contain: inline-size;
+		min-inline-size: 0;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		font-weight: bold;
+	}
 	.content {
 		display: flex;
 		flex-direction: column;