Update hsv-color-picker container style

WordPress · Aug 11, 2023 · 72432f7 · 72432f7
1 parent 4333a9c
commit 72432f7
Showing 1 changed file with 3 additions and 9 deletions.
diff --git a/packages/components/src/color-picker/hsv-color-picker.native.js b/packages/components/src/color-picker/hsv-color-picker.native.js
@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { View, StyleSheet, Dimensions } from 'react-native';
+import { View, Dimensions } from 'react-native';
 
 /**
  * WordPress dependencies
@@ -13,6 +13,7 @@ import { useRef } from '@wordpress/element';
  */
 import HuePicker from './hue-picker';
 import SaturationValuePicker from './saturation-picker';
+import styles from './style.native.scss';
 
 const HsvColorPicker = ( props ) => {
 	const maxWidth = Dimensions.get( 'window' ).width - 32;
@@ -47,7 +48,7 @@ const HsvColorPicker = ( props ) => {
 	} = props;
 
 	return (
-		<View style={ [ styles.container, containerStyle ] }>
+		<View style={ [ styles[ 'hsv-container' ], containerStyle ] }>
 			<SaturationValuePicker
 				containerStyle={ satValPickerContainerStyle }
 				currentColor={ currentColor }
@@ -81,11 +82,4 @@ const HsvColorPicker = ( props ) => {
 	);
 };
 
-const styles = StyleSheet.create( {
-	container: {
-		justifyContent: 'center',
-		alignItems: 'center',
-	},
-} );
-
 export default HsvColorPicker;