diff --git a/ts/components/Badge.svelte b/ts/components/Badge.svelte
index b0b158dc2..65aac83ba 100644
--- a/ts/components/Badge.svelte
+++ b/ts/components/Badge.svelte
@@ -46,6 +46,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
     span :global(svg) {
         border-radius: inherit;
-        vertical-align: -0.125rem;
+        vertical-align: var(--badge-align, -0.125rem);
     }
 </style>
diff --git a/ts/editor/TagEditor.svelte b/ts/editor/TagEditor.svelte
index 5731fef94..f81852116 100644
--- a/ts/editor/TagEditor.svelte
+++ b/ts/editor/TagEditor.svelte
@@ -367,11 +367,15 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         <div class="gap" on:mousedown|preventDefault>
             {#if tags.some((tag) => tag.selected)}
                 <SelectedTagBadge
+                    --badge-align="-webkit-baseline-middle"
                     on:tagcopy={copySelectedTags}
                     on:tagdelete={deleteSelectedTags}
                 />
             {:else}
-                <AddTagBadge on:click={appendEmptyTag} />
+                <AddTagBadge
+                    --badge-align="-webkit-baseline-middle"
+                    on:click={appendEmptyTag}
+                />
             {/if}
         </div>