diff --git a/components/graphql/field.vue b/components/graphql/field.vue
index 971c9eddb..c8b9d01f9 100644
--- a/components/graphql/field.vue
+++ b/components/graphql/field.vue
@@ -4,6 +4,10 @@
     <div class="field-desc" v-if="gqlField.description">
       {{ gqlField.description }}
     </div>
+
+    <div class="field-deprecated" v-if="gqlField.isDeprecated">
+      DEPRECATED
+    </div>
   </div>
 </template>
 
@@ -21,6 +25,18 @@
   font-weight: bold;
 }
 
+.field-deprecated {
+  background-color: yellow;
+  color: black;
+  display: inline-block;
+  padding: 0.2em;
+  padding-left: 0.4em;
+  padding-right: 0.4em;
+  margin-top: 1em;
+  border-radius: 5px;
+  font-weight: bold;
+}
+
 .field-desc {
   opacity: 0.7;
   margin-top: 0.5em;