diff --git a/packages/react-components/react-color-picker-preview/stories/src/ColorPicker/ColorAndSwatchPicker.stories.tsx b/packages/react-components/react-color-picker-preview/stories/src/ColorPicker/ColorAndSwatchPicker.stories.tsx
index 8c35509e1a299e..7a07a4e1195569 100644
--- a/packages/react-components/react-color-picker-preview/stories/src/ColorPicker/ColorAndSwatchPicker.stories.tsx
+++ b/packages/react-components/react-color-picker-preview/stories/src/ColorPicker/ColorAndSwatchPicker.stories.tsx
@@ -79,7 +79,10 @@ export const ColorAndSwatchPickerExample = () => {
 
   const resetColors = () => {
     setItems([]);
-    setColorFocusTarget(selectedValue);
+    setColorFocusTarget(null);
+    setSelectedValue('fff');
+    setSelectedColor('#fff');
+    setColor(DEFAULT_COLOR_HSV);
   };
 
   React.useEffect(() => {