diff --git a/site/src/views/AgentsView.vue b/site/src/views/AgentsView.vue
index 0374a14..f2bf567 100644
--- a/site/src/views/AgentsView.vue
+++ b/site/src/views/AgentsView.vue
@@ -125,13 +125,15 @@ onMounted(() => {
                         <List.Item class="item">
                             <List.Item.Meta :title="item.name">
                                 <template #description>
-                                    <Space direction="vertical">
-                                        <Tag color="geekblue">{{ getRoleLabel(item) }}</Tag>
-                                        <Tooltip :title="agentTypeDescriptions[item.agent_type]">
-                                            <Tag color="blue">
-                                                {{ getAgentTypeLabel(item.agent_type) }}
-                                            </Tag>
-                                        </Tooltip>
+                                    <Space direction="vertical" :size="4">
+                                        <Space :size="4">
+                                            <Tag color="geekblue">{{ getRoleLabel(item) }}</Tag>
+                                            <Tooltip :title="agentTypeDescriptions[item.agent_type]">
+                                                <Tag color="blue">
+                                                    {{ getAgentTypeLabel(item.agent_type) }}
+                                                </Tag>
+                                            </Tooltip>
+                                        </Space>
                                         <span class="config-summary">
                                             Model: {{ item.llm_config?.model_id || 'Default' }}
                                         </span>