Color picker - label right like checkbox

Using Streamlit
3

I found something similar here:

They use something like this code to change the layout of radio buttons:

st.write(‘div.row-widget.stRadio > div{flex-direction:row;}’, unsafe_allow_html=True)

Seems like that could be used for the color picker as well. I played around with it, but since I don’t really know how it works, I couldn’t make it work. This is one of the things I tried (unsuccessfully):

           st.write(
                "<style>"
                    "div.stColorPicker > "
                    "div{"
                        "display: flex; "
                        "flex-direction: row-reverse; "
                        "align-items: flex-start; "
                        "justify-content: flex-end; " 
                    "}"
                "</style>",
                unsafe_allow_html=True
            )

Any ideas?