Handling edge cases of new login screen

chrome/browser/resources/chromeos/login/md_header_bar.css

Index: chrome/browser/resources/chromeos/login/md_header_bar.css
diff --git a/chrome/browser/resources/chromeos/login/md_header_bar.css b/chrome/browser/resources/chromeos/login/md_header_bar.css
index 53a13eb6f02c85e64f9ecf6ce00331864a6cc005..1a49fc5fa86cd1283eee790ddcf6b2672ac3ec23 100644
--- a/chrome/browser/resources/chromeos/login/md_header_bar.css
+++ b/chrome/browser/resources/chromeos/login/md_header_bar.css
@@ -80,6 +80,7 @@ html[screen=oobe] .login-header-bar-animate-slow {
   position: absolute;
   text-align: center;
   white-space: nowrap;
+  z-index: 3;
 }
 
 #more-settings-header-bar-item.active button.add-supervised-user-menu:focus {
@@ -121,11 +122,14 @@ html[dir=rtl] #login-header-bar #unlock-user-button-text {
 #login-header-bar #restart-button,
 #login-header-bar #add-user-button,
 #login-header-bar #guest-user-button,
-#login-header-bar #more-settings-button,
 #login-header-bar #cancel-multiple-sign-in-button {
   padding: 0 14px;
 }
 
+#login-header-bar #more-settings-button {
+  padding: 0 10px 0 18px;
+}
+
 #login-header-bar #more-settings-header-bar-item {
   position: relative;
 }