diff --git a/src/TriStateCheckbox.svelte b/src/TriStateCheckbox.svelte
index f65b04d..fd61364 100644
--- a/src/TriStateCheckbox.svelte
+++ b/src/TriStateCheckbox.svelte
@@ -28,7 +28,7 @@
 
 <span class="cal w-100 d-block" on:click={handleClick}>
   <Icon name={icon} class="ms-2" />
-  <span class="ms-1">{value}</span>
+  <span class="ms-1 d-inline-block cal-title">{value}</span>
   <span class="float-end">
     {#if url}
       <a href={url} class="cal-link" download={value} on:click|stopPropagation>
@@ -54,6 +54,13 @@
     color: #aabbfe;
     text-shadow: 2px 2px 3px #62a1fe;
   }
+  .cal-title {
+    max-width: 75%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    vertical-align: bottom;
+  }
 
   .cal {
     cursor: pointer;