diff -u b/core/themes/bartik/css/components/dropbutton.component.css b/core/themes/bartik/css/components/dropbutton.component.css
--- b/core/themes/bartik/css/components/dropbutton.component.css
+++ b/core/themes/bartik/css/components/dropbutton.component.css
@@ -25,6 +25,18 @@
   padding: 0.32em 1em;
   background: transparent none;
 }
+.js .dropbutton-multiple .dropbutton-widget,
+.js[dir="rtl"] .dropbutton-multiple .dropbutton-widget {
+  padding: 0;
+}
+.js .dropbutton-multiple .dropbutton-widget .dropbutton {
+  padding-right: 2em; /* LTR */
+  position: relative;
+}
+.js[dir="rtl"] .dropbutton-multiple .dropbutton-widget .dropbutton {
+  padding-right: 0;
+  padding-left: 2em;
+}
 .js .dropbutton-multiple .dropbutton-widget .dropbutton-action a {
   margin-right: 0; /* LTR */
 }
@@ -38,10 +50,6 @@
   background-color: #e8e8e8;
   background-image: -webkit-linear-gradient(top, #e8e8e8, #d2d2d2);
   background-image: linear-gradient(to bottom, #e8e8e8, #d2d2d2);
-  height: 25px;
-  border-top-right-radius: 15px;
-  border-bottom-right-radius: 15px;
-  margin-top: 1px;
 }
 .js .dropbutton-toggle .dropbutton-arrow:hover {
   background: #ccc;