Axis Ticks not flushed with Graph Border

I am having some frustration trying to figure out (searching, trial and error) how to flush Plotly axis and the zero tick.

here is my code:

import plotly.go_objects as go

fig = go.Figure()
fig.add_trace(
    go.Scatter(
        x=x,
        y=y,
        name=label,
        mode="markers",
        marker=dict(size=10),
        opacity=0.5,
    )
)
fig.update_layout(
    font_family="Arial",
    template="simple_white",
    title={"x": 0.5, "y": 0.9, "xanchor": "center", "yanchor": "top"},
    yaxis=dict(mirror=True, ticks="outside", range=[0, 1]),
    xaxis=dict(mirror=True, ticks="outside"),
    legend=dict(
        yanchor="top", xanchor="right", borderwidth=0.5, x=0.995, y=0.99
    ),
)

StackOverflow Post

Commencez par reproduire l’alignement des graduations des axes décrit dans l’issue à l’aide de la configuration de graphique Plotly fournie, puis comparez le résultat avec le billet Stack Overflow lié. Suivez les points d’entrée JavaScript du rendu des axes et du layout ; le travail est terminé lorsque la graduation zéro et les graduations des axes sont visiblement alignées sur la bordure du graphique sans provoquer de régression dans les autres layouts d’axes.