diff --git a/styles/src/style_tree/editor.ts b/styles/src/style_tree/editor.ts
index 48a2fd33e2..7e20f09b32 100644
--- a/styles/src/style_tree/editor.ts
+++ b/styles/src/style_tree/editor.ts
@@ -114,7 +114,7 @@ export default function editor(): any {
                             color: foreground(layer, "default"),
                         },
                         hovered: {
-                            color: foreground(layer, "variant"),
+                            color: foreground(layer, "on"),
                         },
                     },
                 },