diff --git a/scss/_button-group.scss b/scss/_button-group.scss index 6c94784379..14440f54b0 100644 --- a/scss/_button-group.scss +++ b/scss/_button-group.scss @@ -73,6 +73,7 @@ // .dropdown-toggle-split { + min-width: $dropdown-padding-x * 2 + $caret-width * 2; // Boosted mod padding-right: subtract($dropdown-padding-x, $border-width); padding-left: subtract($dropdown-padding-x, $border-width); border-color: $black; diff --git a/site/content/docs/5.2/components/buttons.md b/site/content/docs/5.2/components/buttons.md index 52d7b7c11c..d3b6ad4d42 100644 --- a/site/content/docs/5.2/components/buttons.md +++ b/site/content/docs/5.2/components/buttons.md @@ -39,19 +39,19 @@ The recommended way of using an icon in a button is [an embedded SVG]({{< docsre - Secondary + Primary {{< /example >}} @@ -146,7 +146,7 @@ To get the inverted button behavior, simply add `.btn-inverse` to a `