dash-core-components [BUG] Axes Labels overlapping

Describe your context We have axis label texts overlapping. We do no use any custom CSS.

replace the result of pip list | grep dash below

dash (0.43.0)
dash-core-components (0.42.1)
dash-daq (0.1.5)
dash-html-components (0.13.4)
dash-renderer (0.24.0)
dash-table (3.1.11)

if frontend related, tell us your Browser, Version and OS
- OS: [e.g. iOS] macOS 10.14.5 (18F132)
- Browser [e.g. chrome, safari] Chrome
- Version [e.g. 22] 74.0.3729.169

Describe the bug

A clear and concise description of what the bug is.

Expected behavior

A clear and concise description of what you expected to happen.

Screenshots

Here we have a label placed on top. Schermata 2019-06-11 alle 11 24 50

Here we have a label placed on the bottom. Schermata 2019-06-11 alle 11 24 36

Jun 11 '19 09:06 loretoparisi

First graph code showing the labels. We just set the position of the legend and its orientation.

return dcc.Graph(
        id=id,
        figure={
            'data': data,
            'layout': go.Layout(
                xaxis = {'title': xaxislabel}, 
                yaxis = {'title': yaxislabel},
                legend = {'x':0, 'y':1.2, 'orientation': "h"}
                )
            }

The slider code we use:

def PlotWSlider(df=None, graphid='graph-with-slider-1', sliderid='year-slider'):

    return html.Div([
                dcc.Graph(id=graphid),
                dcc.Slider(
                    id=sliderid,
                    min=df['date'].min(),
                    max=df['date'].max(), 
                    value=df['date'].min(),
                    updatemode='drag',
                    marks={str(year): str(year) for year in df['date'].unique()}
                )
            ], style={'width': '100%', 'margin': '10', 'vertical-align': 'middle'})