diff --git a/changes/changelog.d/828.bugfix b/changes/changelog.d/828.bugfix
new file mode 100644
index 0000000000000000000000000000000000000000..768ebcbd1e32252c4ff5bcf4fc6d9c6ee2374f13
--- /dev/null
+++ b/changes/changelog.d/828.bugfix
@@ -0,0 +1 @@
+Fixed an encoding issue with instance name on about page (#828)
diff --git a/front/src/components/About.vue b/front/src/components/About.vue
index 2b0bb41925e11fdf7bf614c00369de1dfd06f9e7..87f741aa819f38ba84c856522979f25e6f6016d1 100644
--- a/front/src/components/About.vue
+++ b/front/src/components/About.vue
@@ -3,9 +3,9 @@
     <section class="ui vertical center aligned stripe segment">
       <div class="ui text container">
         <h1 class="ui huge header">
-            <translate translate-context="Content/About/Title/Short, Noun" v-if="instance.name.value" :translate-params="{instance: instance.name.value}">
+            <span v-translate="{instance: instance.name.value}" translate-context="Content/About/Title/Short, Noun" v-if="instance.name.value" :translate-params="{instance: instance.name.value}">
              About %{ instance }
-            </translate>
+            </span>
             <translate translate-context="Content/About/Title" v-else>About this instance</translate>
         </h1>
         <stats></stats>