diff --git a/src/TriStateCheckbox.svelte b/src/TriStateCheckbox.svelte
index 60acdc8..4e3cf20 100644
--- a/src/TriStateCheckbox.svelte
+++ b/src/TriStateCheckbox.svelte
@@ -31,13 +31,13 @@
   <span class="ms-1">{value}</span>
   <span class="float-end">
     {#if url}
-      <a href={url} class="me-2 dl-link" download="{value}" on:click|stopPropagation>
+      <a href={url} class="cal-link" download={value} on:click|stopPropagation>
         <Icon name="cloud-download" />
       </a>
     {/if}
 
     {#if collapsed !== undefined}
-      <span class="me-2 col" on:click|stopPropagation={() => (collapsed = !collapsed)}>
+      <span class="cal-link" on:click|stopPropagation={() => (collapsed = !collapsed)}>
         <Icon name={chevron} />
       </span>
     {/if}
@@ -45,13 +45,12 @@
 </span>
 
 <style>
-  .dl-link,
-  .cal .col {
+  .cal-link {
+    margin-right: 0.5rem;
     padding: 3px;
     color: inherit;
   }
-  .dl-link:hover,
-  .cal .col:hover {
+  .cal-link:hover {
     text-shadow: 2px 1px #62a1fe;
   }