diff --git a/frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte b/frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte
index 1554c6c0bb..736ebb3156 100644
--- a/frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte
+++ b/frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte
@@ -35,12 +35,13 @@
 
 	function toggleQuickMenu() {
 		try {
-			if (value.style) {
-				parse(value.style)
-				isQuickMenuOpen = !isQuickMenuOpen
+			if (!value.style) {
+				value.style = ''
 			}
+			parse(value.style)
+			isQuickMenuOpen = !isQuickMenuOpen
 		} catch {
-			sendUserToast('Invalid CSS: Rich editor cannot be open', true)
+			sendUserToast('Invalid CSS: Rich editor cannot be toggled', true)
 		}
 	}