Bug Description
Similar to #10201, we may need to review the formatting and placement of the Sign in with Google button on the login page when a user is logged out due to an expired session.
See screenshot below (which will be updated to a higher resolution image)

Steps to reproduce
- Sign in to WordPress Admin
- Trigger a session timeout that redirects you to the WordPress login page (
wp-login.php) after clicking on a link in the WordPress Admin
- Observe the Sign in with Google button being placed directly again the WordPress login box.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Acceptance criteria
- When a message appears notifying the user they were signed out due to session expiration (or any other notice appears), the Sign in with Google button should still have margins around it and not be placed directly against the username/password box without margin.
Implementation Brief
.interim-login #login > .googlesitekit-sign-in-with-google__frontend-output-button { margin-bottom: 16px; }
- WordPress core sets
.interim-login.login form { margin: 0; }, which removes the normal gap between SiWG and #loginform, so the button appears directly against the username/password box after session timeout.
Test Coverage
QA Brief
- Visit
/wp-login.php?interim-login=1 in an incognito window, confirm a visible gap renders between the Sign in with Google button and the #loginform username/password box.
- Inspect
.googlesitekit-sign-in-with-google__frontend-output-button in DevTools → Elements and confirm margin-bottom: 16px under Computed styles.
- Visit
/wp-login.php?interim-login=1&loggedout=1 and confirm the "You are now logged out." notice renders above the button without affecting the 16px gap below it.
- Visit
/wp-login.php (no interim-login) and confirm the button keeps its normal spacing above the login form.
- Repeat the interim-login check at mobile viewport (DevTools → Toggle device toolbar) and confirm the 16px gap still renders.
After
Changelog entry
- Fix layout of Sign in with Google button when session expired message appears.
Bug Description
Similar to #10201, we may need to review the formatting and placement of the Sign in with Google button on the login page when a user is logged out due to an expired session.
See screenshot below (which will be updated to a higher resolution image)
Steps to reproduce
wp-login.php) after clicking on a link in the WordPress AdminDo not alter or remove anything below. The following sections will be managed by moderators only.
Acceptance criteria
Implementation Brief
includes/Modules/Sign_In_With_Google/Web_Tag.php:.interim-login.login form { margin: 0; }, which removes the normal gap between SiWG and#loginform, so the button appears directly against the username/password box after session timeout.Test Coverage
QA Brief
/wp-login.php?interim-login=1in an incognito window, confirm a visible gap renders between the Sign in with Google button and the#loginformusername/password box..googlesitekit-sign-in-with-google__frontend-output-buttonin DevTools → Elements and confirmmargin-bottom: 16pxunder Computed styles./wp-login.php?interim-login=1&loggedout=1and confirm the "You are now logged out." notice renders above the button without affecting the 16px gap below it./wp-login.php(nointerim-login) and confirm the button keeps its normal spacing above the login form.After
Changelog entry