diff --git a/core/themes/claro/css/components/dropbutton.css b/core/themes/claro/css/components/dropbutton.css
index b6f51aa7430b10adbce1fff60aa9f987db14f979..ce66d4727f27f8873273fd0ba52843455f63f940 100644
--- a/core/themes/claro/css/components/dropbutton.css
+++ b/core/themes/claro/css/components/dropbutton.css
@@ -87,10 +87,6 @@
   background-color: var(--button-bg-color);
 }
 
-.dropbutton-action {
-  border-inline-end: var(--dropbutton-border-size) solid white;
-}
-
 /* Variants. */
 
 .dropbutton--small {
@@ -140,6 +136,7 @@
 
 .dropbutton__toggle {
   border: var(--dropbutton-border-size) solid transparent !important;
+  border-inline-start: var(--dropbutton-border-size) solid white !important;
 }
 
 .dropbutton__toggle {
diff --git a/core/themes/claro/css/components/dropbutton.pcss.css b/core/themes/claro/css/components/dropbutton.pcss.css
index f719998be20675dd34a9ea7843463cb4c6274f27..31ec03f14d93a5a891386eeb4f8bb6cd906cf051 100644
--- a/core/themes/claro/css/components/dropbutton.pcss.css
+++ b/core/themes/claro/css/components/dropbutton.pcss.css
@@ -77,10 +77,6 @@
   background-color: var(--button-bg-color);
 }
 
-.dropbutton-action {
-  border-inline-end: var(--dropbutton-border-size) solid white;
-}
-
 /* Variants. */
 .dropbutton--small {
   height: var(--dropbutton-small-toggle-size);
@@ -130,6 +126,7 @@
   width: var(--dropbutton-toggle-size);
   height: var(--dropbutton-toggle-size);
   border: var(--dropbutton-border-size) solid transparent !important; /* 1 */
+  border-inline-start: var(--dropbutton-border-size) solid white !important;
   border-radius: 0 var(--button-border-radius-size) var(--button-border-radius-size) 0; /* LTR */
   background: var(--button-bg-color);
   font-size: 1px; /* iOS Safari sets a minimum button-width based on font-size. */