diff --git a/web/src/pages/Knowledge.svelte b/web/src/pages/Knowledge.svelte
index 8c149f8..cf90930 100644
--- a/web/src/pages/Knowledge.svelte
+++ b/web/src/pages/Knowledge.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import DOMPurify from 'dompurify'
-  import { searchKnowledge, fetchRecentKnowledge, type KnowledgeHit, type RecentKnowledge, type KnowledgeItem } from '$lib/api'
+  import { searchKnowledge, fetchRecentKnowledge, type KnowledgeHit, type RecentKnowledge } from '$lib/api'
   import * as Card from '$lib/components/ui/card'
   import { Badge } from '$lib/components/ui/badge'
   import { Input } from '$lib/components/ui/input'
@@ -101,10 +101,10 @@
                 <StatusBadge kind="type" value={hit.type} />
               </div>
               {#if hit.snippet}
-                <!-- eslint-disable-next-line svelte/no-at-html-tags — sanitized below, ts_headline only ever emits <b> -->
-                <Card.Description class="text-xs"
-                  >{@html DOMPurify.sanitize(hit.snippet, { ALLOWED_TAGS: ['b'], ALLOWED_ATTR: [] })}</Card.Description
-                >
+                <Card.Description class="text-xs">
+                  <!-- eslint-disable-next-line svelte/no-at-html-tags — sanitized inline; ts_headline only ever emits <b> -->
+                  {@html DOMPurify.sanitize(hit.snippet, { ALLOWED_TAGS: ['b'], ALLOWED_ATTR: [] })}
+                </Card.Description>
               {/if}
               {#if hit.linked_entities?.length}
                 <div class="mt-1 flex flex-wrap gap-1">