diff -u b/core/themes/seven/css/components/dropbutton.component.css b/core/themes/seven/css/components/dropbutton.component.css
--- b/core/themes/seven/css/components/dropbutton.component.css
+++ b/core/themes/seven/css/components/dropbutton.component.css
@@ -171,6 +171,8 @@
 .dropbutton-single .dropbutton-widget .dropbutton-action input,
 .dropbutton-single .dropbutton-widget .dropbutton-action button {
   border-radius: 20em;
+  text-align: center;
+  white-space: normal;
 }
 .dropbutton-single .dropbutton-action a {
   padding: 4px 1.5em;
diff -u b/core/themes/stable/css/core/dropbutton/dropbutton.css b/core/themes/stable/css/core/dropbutton/dropbutton.css
--- b/core/themes/stable/css/core/dropbutton/dropbutton.css
+++ b/core/themes/stable/css/core/dropbutton/dropbutton.css
@@ -18,8 +18,7 @@
 }
 
 @media screen and (max-width:600px) {
-  .js .dropbutton-wrapper,
-  .js .dropbutton-single {
+  .js .dropbutton-wrapper {
     width: 100%;
   }
   .js .dropbutton-single .dropbutton-widget {