Button focus Style overwritten

I create a button like so:

           button S.Input [ padding 5 ] (text "Connexion")

And my style looks like this:

       Style.style Input
        [ Border.all 1
        , Border.solid
        , Color.border (HSLuv.hsluv primaryHue 10 70)
        , Style.focus
            [ Shadow.box
                { offset = ( 0, 0 )
                , size = 0
                , blur = 3
                , color = primaryColor
                }
            , Color.border (HSLuv.hsluv primaryHue 100 30)
            ]
        , Color.placeholder (Color.grayscale 0.3)
        ]

But the focus shadow and border is overwritten by the selector button.button-focus which seems to be hardcoded within the Renderer.

Versions

Elm: 0.18
style-elements: 4.2.1
Browser: Firefox 57
Operating System: windows 10

mdgriffith / style-elements

Button focus Style overwritten #114

Versions