diff --git a/frontend/src/components/modal/TagChip.vue b/frontend/src/components/modal/TagChip.vue index 0e1b6dc..dd7cf11 100644 --- a/frontend/src/components/modal/TagChip.vue +++ b/frontend/src/components/modal/TagChip.vue @@ -144,6 +144,12 @@ function iconFor (k) { return KIND_ICONS[k] || 'mdi-tag' } .fc-tag-chip { display: inline-flex; align-items: center; gap: 1px; max-width: 100%; min-width: 0; } .fc-tag-chip__nav { max-width: 100%; min-width: 0; } .fc-tag-chip__nav :deep(.v-chip__content) { min-width: 0; overflow: hidden; } +/* The bigger size=default chip widens Vuetify's negative start-margin on the + leading kind-icon, pulling it LEFT of the content box above — where that + overflow:hidden then clips the icon's left edge as a vertical slice + (operator-flagged 2026-07-08). Zero the pull so the icon sits inside the clip + box; the chip's own 12px padding keeps a comfortable left inset. */ +.fc-tag-chip__nav :deep(.v-icon--start) { margin-inline-start: 0; } .fc-tag-chip__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 0 1 auto;