diff --git a/packages/color-wheel/src/index.tsx b/packages/color-wheel/src/index.tsx
index e660bd977..421c1c137 100644
--- a/packages/color-wheel/src/index.tsx
+++ b/packages/color-wheel/src/index.tsx
@@ -59,10 +59,10 @@ const Wheel = React.forwardRef<HTMLDivElement, WheelProps>((props, ref) => {
       className={[prefixCls, className || ''].filter(Boolean).join(' ')}
       {...other}
       style={{
-        ...style,
         position: 'relative',
         width,
         height,
+        ...style,
       }}
       ref={ref}
       onMove={handleChange}