diff --git a/packages/edit-site/src/components/sidebar/global-styles-v2/screens/colors-palette.js b/packages/edit-site/src/components/sidebar/global-styles-v2/screens/colors-palette.js
index a4367c89cef27..67127af41ce1a 100644
--- a/packages/edit-site/src/components/sidebar/global-styles-v2/screens/colors-palette.js
+++ b/packages/edit-site/src/components/sidebar/global-styles-v2/screens/colors-palette.js
@@ -50,9 +50,9 @@ const Palettes = () => {
 	return (
 		<>
 			<Panel>
-				<ButtonGroup>
-					<Button>Solids</Button>
-					<Button>Gradients</Button>
+				<ButtonGroup defaultValue={ null }>
+					<Button value="solids">Solids</Button>
+					<Button value="gradients">Gradients</Button>
 				</ButtonGroup>
 			</Panel>
 			{ palettes.map( ( palette, index ) => (