diff --git a/packages/accounts-ui-unstyled/login_buttons.html b/packages/accounts-ui-unstyled/login_buttons.html
index 9b8e8248fa6..4eb7846cd18 100644
--- a/packages/accounts-ui-unstyled/login_buttons.html
+++ b/packages/accounts-ui-unstyled/login_buttons.html
@@ -8,9 +8,9 @@
   {{! put loginButtons in a wrapper element which should be styled to make
       any dropdowns open with their right edge aligned with the right edge of
       their container, sticking out to the left. }}
-  <span class="login-buttons-dropdown-align-right">
+  <div class="login-buttons-dropdown-align-right">
     {{> _loginButtons}}
-  </span>
+  </div>
 </template>
 
 <!-- an alias for _loginButtons -->
diff --git a/packages/accounts-ui/login_buttons.less b/packages/accounts-ui/login_buttons.less
index 81d7493b4e5..07dd3aa9179 100644
--- a/packages/accounts-ui/login_buttons.less
+++ b/packages/accounts-ui/login_buttons.less
@@ -311,6 +311,10 @@
   left: -@meteor-accounts-dialog-border-width;
 }
 
+.login-buttons-dropdown-align-right {
+  display: inline-block;
+}
+
 .login-buttons-dropdown-align-right #login-dropdown-list {
   left: auto;
   right: -@meteor-accounts-dialog-border-width;