Unnecessary horizontal scroller on the Mercantile login page

[abidhasan112]

Here is the URL: ​https://mercantile.wordpress.org/wp-login.php

There is an unnecessary horizontal scroller at the bottom of this page. Here is the screenshot: ​https://prnt.sc/SEUEL5pHOajX

[sakibmd]

In the below code, I change the margin-left value to 0 & it solves this issue.

Previous code

#login h1 a, .login h1 a {
    background-image: none;
    color: var(--wp--preset--color--black);
    font-family: var(--wp--preset--font-family--garamond);
    font-size: var(--wp--preset--font-size--huge);
    font-weight: 300;
    line-height: var(--wp--custom--typography--line-height--tiny);
    height: auto;
    margin-bottom: var(--wp--preset--spacing--50);
    margin-left: 24px;
    margin-right: 24px;
    margin-top: 0;
    overflow: initial;
    text-align: left;
    text-indent: 0;
    width: 100%;
}

After modifying the code (margin-left)

Changed Code

#login h1 a, .login h1 a {
    background-image: none;
    color: var(--wp--preset--color--black);
    font-family: var(--wp--preset--font-family--garamond);
    font-size: var(--wp--preset--font-size--huge);
    font-weight: 300;
    line-height: var(--wp--custom--typography--line-height--tiny);
    height: auto;
    margin-bottom: var(--wp--preset--spacing--50);
    margin-left: 0;
    margin-right: 24px;
    margin-top: 0;
    overflow: initial;
    text-align: left;
    text-indent: 0;
    width: 100%;
}

Now this is working perfectly from my side & there is no other unnecessary horizontal scrollbar here.

[dd32]

Looking at this, it appears this might not be a bug with the Mercantile theme, but rather something with the Jetpack plugin and it's SSO implementation.

If so, this is likely something that should be reported directly to Jetpack rather than Mercantile.

I would suggest testing against another WordPress site using similar Jetpack settings.