HexColorPicker does not scale correct at short height

[hdale94]

Hello.

Having some issues with the HexColorPicker at small sizes.

I'm setting the size like this using a CSS class:

.custom-color-picker.react-colorful {
    margin-top: 5px;
    position: absolute;
    z-index: 1;
    right: 5px;
    width: 46px !important;
    height: 30px !important;
}

With this short height, the color picker will not distribute the range of colors in a reasonable way, and instead display mostly black color.