diff --git a/components/layout/header.vue b/components/layout/header.vue
index a5ddde5e7..61daee505 100644
--- a/components/layout/header.vue
+++ b/components/layout/header.vue
@@ -347,7 +347,7 @@ export default {
         setTimeout(() => {
           this.$toast.clear()
           this.$toast.show(
-            "<span>Get <u><a href='https://gum.co/keky' target='_blank'>De-Coding The Passion Project</a></u> book, expertly crafted by the creator of Postwoman. Whoosh this away to dimiss →</span>",
+            "<span>Get <u><a href='https://gum.co/keky' target='_blank' rel='noopener'>De-Coding The Passion Project</a></u> book, expertly crafted by the creator of Postwoman. Whoosh this away to dimiss →</span>",
             {
               icon: "",
               duration: 0,
diff --git a/package.json b/package.json
index 4727761da..1c5561e35 100644
--- a/package.json
+++ b/package.json
@@ -56,7 +56,7 @@
     "@nuxtjs/google-analytics": "^2.3.0",
     "@nuxtjs/pwa": "^3.0.0-beta.20",
     "cypress": "^4.7.0",
-    "eslint": "^6.8.0",
+    "eslint": "^7.1.0",
     "eslint-plugin-vue": "^6.2.2",
     "husky": "^4.2.5",
     "node-sass": "^4.14.1",
diff --git a/pages/graphql.vue b/pages/graphql.vue
index 233689c4a..3584d4ed3 100644
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -47,7 +47,7 @@
               ></textarea>
             </li>
           </ul>
-          <ul v-for="(header, index) in headers" :key="index">
+          <ul v-for="(header, index) in headers" :key="`${header.value}_${index}`">
             <li>
               <autocomplete
                 :placeholder="$t('header_count', { count: index + 1 })"
diff --git a/pages/index.vue b/pages/index.vue
index 661d00f3f..84de058f6 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -211,9 +211,11 @@
             <ul>
               <li>
                 <label for="contentType">{{ $t("content_type") }}</label>
-                <autocomplete :source="validContentTypes" :spellcheck="false" v-model="contentType"
-                  >Content Type</autocomplete
-                >
+                <autocomplete
+                  :source="validContentTypes"
+                  :spellcheck="false"
+                  v-model="contentType"
+                />
               </li>
             </ul>
             <ul>
@@ -747,7 +749,7 @@
                     ></textarea>
                   </li>
                 </ul>
-                <ul v-for="(header, index) in headers" :key="`${header.key}_${index}`">
+                <ul v-for="(header, index) in headers" :key="`${header.value}_${index}`">
                   <li>
                     <autocomplete
                       :placeholder="$t('header_count', { count: index + 1 })"