diff --git a/styles/src/style_tree/editor.ts b/styles/src/style_tree/editor.ts
index 48a2fd33e2e5fbd2380dea6f71fe1abac00c4a63..7e20f09b32111cb6d7a2b7c8d1afbd21e4ccf73b 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"),
                         },
                     },
                 },