diff --git a/frontend/src/components/Step5Interaction.vue b/frontend/src/components/Step5Interaction.vue
index dacb2423..20cab3b7 100644
--- a/frontend/src/components/Step5Interaction.vue
+++ b/frontend/src/components/Step5Interaction.vue
@@ -274,21 +274,6 @@
{{ formatTime(msg.timestamp) }}
-
-
-
@@ -2291,20 +2276,18 @@ watch(() => props.simulationId, (newId) => {
margin: 4px 0;
}
-.message-citations {
- display: flex;
- flex-wrap: wrap;
- gap: 6px;
- margin-top: 8px;
-}
-
.citation-chip,
.message-text :deep(.citation-chip) {
display: inline-flex;
align-items: center;
justify-content: center;
+ box-sizing: border-box;
+ width: auto;
+ min-width: 34px;
+ height: 20px;
min-height: 20px;
- padding: 2px 7px;
+ max-height: 20px;
+ padding: 0 7px;
border: 1px solid #D1D5DB;
border-radius: 999px;
background: #FFFFFF;
@@ -2312,14 +2295,16 @@ watch(() => props.simulationId, (newId) => {
font-family: 'JetBrains Mono', monospace;
font-size: 11px;
font-weight: 700;
- line-height: 1;
+ line-height: 18px;
+ appearance: none;
cursor: pointer;
transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}
.message-text :deep(.citation-inline) {
+ display: inline-flex;
margin: 0 2px;
- vertical-align: 0.12em;
+ vertical-align: baseline;
}
.citation-chip:hover,