diff --git a/x-pack/plugins/graph/public/components/field_manager/_field_editor.scss b/x-pack/plugins/graph/public/components/field_manager/_field_editor.scss
index 20773d98ce9c3..867899fc66391 100644
--- a/x-pack/plugins/graph/public/components/field_manager/_field_editor.scss
+++ b/x-pack/plugins/graph/public/components/field_manager/_field_editor.scss
@@ -1,11 +1,21 @@
 .gphFieldEditor__badge {
   @include gphFieldBadgeSize;
-}
 
-.gphFieldEditor__badge--disabled,
-.gphFieldEditor__badge--disabled:focus {
-  opacity: .7;
-  text-decoration: line-through;
+  &.gphFieldEditor__badge--disabled,
+  &.gphFieldEditor__badge--disabled:hover,
+  &.gphFieldEditor__badge--disabled:focus,
+  &.gphFieldEditor__badge--disabled:not(:disabled):hover
+  &.gphFieldEditor__badge--disabled:not(:disabled):focus {
+    opacity: .7;
+    text-decoration: line-through;
+  }
+
+  // Chrome fix for focus: duplicate or Safari will ignore completely the disabled rule
+  &.gphFieldEditor__badge--disabled:focus:not(:focus-visible),
+  &.gphFieldEditor__badge--disabled:hover:not(:focus-visible) {
+    opacity: .7;
+    text-decoration: line-through;
+  }
 }
 
 .gphFieldEditor__badgeIcon {