Fix caret alignment (#25719)

diff --git a/scss/_button-group.scss b/scss/_button-group.scss
index c1b826536c509fffee023000f780818ef3c541d3..54951703459cc042907edc7d2202e706e3b1d01e 100644 (file)
--- a/scss/_button-group.scss
+++ b/scss/_button-group.scss
@@ -76,9 +76,15 @@
   padding-right: $btn-padding-x * .75;
   padding-left: $btn-padding-x * .75;
 
-  &::after {
+  &::after,
+  .dropup &::after,
+  .dropright &::after {
     margin-left: 0;
   }
+
+  .dropleft &::before {
+    margin-right: 0;
+  }
 }
 
 .btn-sm + .dropdown-toggle-split {

diff --git a/scss/mixins/_caret.scss b/scss/mixins/_caret.scss
index 40478e4929709a2ce7c71613159491df8a4fd1fc..82aea42101a65aa34756547fc3dc9dd04f83732c 100644 (file)
--- a/scss/mixins/_caret.scss
+++ b/scss/mixins/_caret.scss
@@ -14,6 +14,7 @@
 
 @mixin caret-right {
   border-top: $caret-width solid transparent;
+  border-right: 0;
   border-bottom: $caret-width solid transparent;
   border-left: $caret-width solid;
 }