diff --git a/src/components/LabelStack.vue b/src/components/LabelStack.vue
index 7b01007..eea6b54 100644
--- a/src/components/LabelStack.vue
+++ b/src/components/LabelStack.vue
@@ -57,7 +57,7 @@ const stacked = computed(() => shouldStack(widths.value, props.messageWidth, pro
 </template>
 
 <style scoped>
-.labels { margin-left: auto; flex: 0 1 auto; min-width: 0; position: relative; height: 20px; display: flex; }
+.labels { margin-left: auto; flex: none; max-width: calc(100% - 4em - 8px); position: relative; height: 20px; display: flex; }
 .stack { display: flex; gap: 5px; align-items: center; min-width: 0; }
 .label {
   display: inline-flex;