diff --git a/core/themes/seven/css/components/dropbutton.component.css b/core/themes/seven/css/components/dropbutton.component.css
index 54cf8b9..b7bc7cb 100644
--- a/core/themes/seven/css/components/dropbutton.component.css
+++ b/core/themes/seven/css/components/dropbutton.component.css
@@ -183,12 +183,25 @@
   border-left: 1px solid #a6a6a6;
   outline: none;
 }
+[dir="rtl"].js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
+  border-right: 1px solid #a6a6a6;
+  border-left: 0;
+}
+
 .js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
   border-radius: 0 20em 20em 0;
 }
+[dir="rtl"].js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
+  border-radius: 20em 0 0 20em;
+}
+
 .dropbutton-multiple.open .dropbutton-widget .dropbutton-toggle button {
   border-radius: 0 1em 1em 0;
 }
+[dir="rtl"] .dropbutton-multiple.open .dropbutton-widget .dropbutton-toggle button {
+  border-radius: 1em 0 0 1em;
+}
+
 .js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:hover,
 .js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:focus {
   background-color: #f9f8f6;