diff --git a/assets/variables.scss b/assets/variables.scss
index aa7aefc00..be5f915eb 100644
--- a/assets/variables.scss
+++ b/assets/variables.scss
@@ -43,4 +43,5 @@ $colours: (
     'green':  ('light': $green,      'dark': $green-300),
     'blue':   ('light': $blue-700,   'dark': $blue-200),
     'grey':   ('light': $gray-600,   'dark': $gray-600),
+    'default':('light': $body-color, 'dark': $light),
 );
diff --git a/components/Opinion.vue b/components/Opinion.vue
index d12b88764..d4a0f6e93 100644
--- a/components/Opinion.vue
+++ b/components/Opinion.vue
@@ -4,7 +4,7 @@
             <Icon :v="op.icon"/>
         </Tooltip>
         <Twemoji>
-            <nuxt-link v-if="link" :to="link" :class="`colour-${op.colour}`"><Spelling :escape="escape" :text="word"/></nuxt-link>
+            <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" :text="word"/></span>
         </Twemoji>
     </span>