From 86bcc7b03b0673169959f92e0a2f73ed112f93e2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9s?= <andres.maneiro@automattic.com>
Date: Thu, 24 Sep 2020 15:17:17 +0200
Subject: [PATCH] Fix custom CSS variables in the editor

---
 .../edit-site/src/components/editor/global-styles-renderer.js   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/edit-site/src/components/editor/global-styles-renderer.js b/packages/edit-site/src/components/editor/global-styles-renderer.js
index d5a4a34bc360f..23de8d4876b8d 100644
--- a/packages/edit-site/src/components/editor/global-styles-renderer.js
+++ b/packages/edit-site/src/components/editor/global-styles-renderer.js
@@ -103,7 +103,7 @@ export default ( blockData, baseTree, userTree ) => {
 	const flattenTree = ( input, prefix, token ) => {
 		let result = [];
 		Object.keys( input ).forEach( ( key ) => {
-			const newKey = prefix + key.replace( '/', '-' );
+			const newKey = prefix + kebabCase( key.replace( '/', '-' ) );
 			const newLeaf = input[ key ];
 
 			if ( newLeaf instanceof Object ) {