[Bug]: Color control is buggy since v7

[Spielboerg]

Describe the bug

After upgrading to v7, the color controls behave a little strangely:

Storybook.Color.Control.Bug.mp4

This was not the case in v6.5.16
I have tested this in the three browsers listed below in the System section and it happens in all of them.

To Reproduce

https://stackblitz.com/edit/github-da5akq?file=src/stories/Button.stories.js

There is only one story of a button with only one color control.

System

Environment Info:

  System:
    OS: macOS 13.3.1
    CPU: (10) arm64 Apple M1 Max
  Binaries:
    Node: 16.17.0 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 8.18.0 - /usr/local/bin/npm
  Browsers:
    Chrome: 113.0.5672.92
    Firefox: 112.0.2
    Safari: 16.4
  npmPackages:
    @storybook/addon-docs: ^7.0.9 => 7.0.9 
    @storybook/addon-essentials: ^7.0.9 => 7.0.9 
    @storybook/addon-links: ^7.0.9 => 7.0.9 
    @storybook/addons: ^7.0.9 => 7.0.9 
    @storybook/preset-create-react-app: ^7.0.9 => 7.0.9 
    @storybook/react: ^7.0.9 => 7.0.9 
    @storybook/react-webpack5: ^7.0.9 => 7.0.9 
    @storybook/testing-library: ^0.1.0 => 0.1.0 
    @storybook/theming: ^7.0.9 => 7.0.9

Additional context

No response