diff --git a/src/components/Header.vue b/src/components/Header.vue
index f32ba035fdca82320376822f9ff4ed9e87390fbf..5ee194afc833d7103cce200d21136d805d1b5e3d 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -3,7 +3,7 @@
   <div class = "header">
     <span class="dict-label" tabindex="0">{{dict_label}}</span>
     <div class="article_header" tabindex="0"><h2>{{header_text}}</h2>
-    <span v-if="$store.state.showHGNO">{{hgno}}</span></div>
+    <span class="hgno" v-if="$store.state.showHGNO">{{hgno}}</span></div>
     <h2 class="secondary_header" v-if="secondary_header_text.length" tabindex="0">{{secondary_header_text}}</h2>
     <span class="header_group_list" v-if="group_list.length" tabindex="0">{{group_list}}</span>
     <span v-if="$store.state.showInflectionNo">{{inflection_classes}}</span>