diff --git a/webapp/src/components/Article.svelte b/webapp/src/components/Article.svelte
index 09915e1..5413db8 100644
--- a/webapp/src/components/Article.svelte
+++ b/webapp/src/components/Article.svelte
@@ -62,7 +62,7 @@
 <article class="article">
   <header class="article-header">
     <h1 class="article-title">
-      <Html html={story.title} />
+      <Html html={story.title} text={story.title} />
     </h1>
     {#if story.url}
       <div>source: <a class="article-source" href={story.url}>{host}</a></div>
diff --git a/webapp/src/components/Html.svelte b/webapp/src/components/Html.svelte
index 7b37d62..f644aaf 100644
--- a/webapp/src/components/Html.svelte
+++ b/webapp/src/components/Html.svelte
@@ -3,6 +3,7 @@
   import { onMount } from "svelte";
 
   export let html;
+  export let text;
   let purify;
 
   onMount(() => {
@@ -12,4 +13,4 @@
 
 {#if purify}
   {@html html}
-{:else}{html}{/if}
+{:else if text}{text}{/if}
diff --git a/webapp/src/components/StoryList.svelte b/webapp/src/components/StoryList.svelte
index b4ed3fd..492acaa 100644
--- a/webapp/src/components/StoryList.svelte
+++ b/webapp/src/components/StoryList.svelte
@@ -43,7 +43,7 @@
         class="story-icon"
         style="height: 1rem; width: 1rem;" />
       <a class="story-title" rel="prefetch" href="/{story.id}">
-        <Html html={story.title} />
+        <Html html={story.title} text={story.title} />
       </a>
       <a
         class="story-source"
