diff --git a/components/graphql/field.vue b/components/graphql/field.vue
index ef8896c2b..4234bbee9 100644
--- a/components/graphql/field.vue
+++ b/components/graphql/field.vue
@@ -27,7 +27,8 @@
 
 <style scoped lang="scss">
 .field-highlighted {
-  color: #ffff00;
+  @apply border-b-2;
+  @apply border-acColor;
 }
 </style>
 
diff --git a/components/graphql/type.vue b/components/graphql/type.vue
index 71fd8243e..42bfdce08 100644
--- a/components/graphql/type.vue
+++ b/components/graphql/type.vue
@@ -21,7 +21,7 @@
 
 <style scoped lang="scss">
 .type-highlighted {
-  color: #ffff00;
+  @apply text-acColor;
 }
 </style>