diff --git a/components/Opinion.vue b/components/Opinion.vue
index 60b51b3b4..244bb9ee5 100644
--- a/components/Opinion.vue
+++ b/components/Opinion.vue
@@ -41,7 +41,7 @@ const op = computed((): (Opinion & { description: string }) | null => {
             <Icon :v="op.icon" />
         </Tooltip>
         <nuxt-link v-if="link" :to="link" :class="`colour-${op.colour || 'default'}`"><Spelling :escape="escape" :text="word" /></nuxt-link>
-        <span v-else><Spelling :escape="escape" :markdown="markdown" :text="word" /></span>
+        <Spelling v-else :escape="escape" :markdown="markdown" :text="word" class="d-inline-block" />
         <Pronunciation v-if="pronunciation" :pronunciation="pronunciation" text />
     </span>
 </template>