diff --git a/packages/@react-spectrum/color/src/ColorSlider.tsx b/packages/@react-spectrum/color/src/ColorSlider.tsx
index 3bb5907bf0b..f42e5af782c 100644
--- a/packages/@react-spectrum/color/src/ColorSlider.tsx
+++ b/packages/@react-spectrum/color/src/ColorSlider.tsx
@@ -92,7 +92,8 @@ export const ColorSlider = React.forwardRef(function ColorSlider(props: Spectrum
         {
           'spectrum-ColorSlider-container--horizontal': !vertical,
           'spectrum-ColorSlider-container--vertical': vertical
-        }
+        },
+        styleProps.className
       )}>
       {label &&
         <div className={classNames(styles, 'spectrum-ColorSlider-labelContainer')}>