fix: styling options of menu icon

Author: girishpanchal30

assets/apps/components/src/Controls/ColorControl.js

@@ -52,9 +52,11 @@ const ColorControl = ({
 	};
 
 	const isGlobal = selectedColor && selectedColor.indexOf('var') > -1;
+	const defaultGradient = 'linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)';
 
 	const handleClear = () => {
 		onChange(defaultValue || '');
+		setGradient(defaultValue || defaultGradient);
 		toggle();
 	};
 
@@ -64,7 +66,7 @@ const ColorControl = ({
 		{ 'allows-global': !disableGlobal },
 	]);
 
-	const [gradient, setGradient] = useState(selectedColor);
+	const [gradient, setGradient] = useState(selectedColor || defaultGradient);
 	const isGradient = (value) => {
 		return value && value.toLowerCase().indexOf('gradient') !== -1;
 	};
@@ -157,7 +159,7 @@ const ColorControl = ({
 									<div
 										className="current-color-gradient"
 										style={{
-											background: selectedColor,
+											background: selectedColor || defaultGradient,
 											height: '177px',
 											border: '1px solid #eee',
 											minWidth: '215px',