diff --git a/packages/primitives/src/svg/index.native.js b/packages/primitives/src/svg/index.native.js
index aa619dc61e491..ec084ff5222ab 100644
--- a/packages/primitives/src/svg/index.native.js
+++ b/packages/primitives/src/svg/index.native.js
@@ -20,7 +20,7 @@ export const SVG = ( { className = '', isPressed, ...props } ) => {
 	const colorScheme = props.colorScheme || 'light';
 	const stylesFromClasses = className.split( ' ' ).map( ( element ) => styles[ element ] ).filter( Boolean );
 	const defaultStyle = isPressed ? styles[ 'is-pressed' ] : styles[ 'components-toolbar__control-' + colorScheme ];
-	const styleValues = Object.assign( {}, props.style, defaultStyle, ...stylesFromClasses );
+	const styleValues = Object.assign( {}, defaultStyle, props.style, ...stylesFromClasses );
 
 	const appliedProps = { ...props, style: styleValues };