diff --git a/dist/css/bootstrap-flex.css b/dist/css/bootstrap-flex.css
index 69474a3743a372952a59c1974e78d1a26f437307..70e014907eceb35b7eee5c5e6bc84632bd49e257 100644
--- a/dist/css/bootstrap-flex.css
+++ b/dist/css/bootstrap-flex.css
@@ -1457,7 +1457,7 @@ pre {
 .form-control {
   display: block;
   width: 100%;
-  padding: 0.5rem 0.75rem;
+  padding: 0.5rem 1rem;
   font-size: 1rem;
   line-height: 1.5;
   color: #55595c;
@@ -1489,7 +1489,7 @@ pre {
   display: block; }
 
 .form-control-label {
-  padding: 0.5625rem 0.75rem;
+  padding: 0.5625rem 1rem;
   margin-bottom: 0; }
 
 @media screen and (-webkit-min-device-pixel-ratio: 0) {
@@ -1780,7 +1780,7 @@ fieldset[disabled] .checkbox label {
   cursor: pointer;
   user-select: none;
   border: 0.0625rem solid transparent;
-  padding: 0.5rem 0.75rem;
+  padding: 0.5rem 1rem;
   font-size: 1rem;
   line-height: 1.5;
   border-radius: 0.25rem;
@@ -2406,7 +2406,7 @@ input[type="button"].btn-block {
   vertical-align: middle; }
 
 .input-group-addon {
-  padding: 0.5rem 0.75rem;
+  padding: 0.5rem 1rem;
   font-size: 1rem;
   font-weight: normal;
   line-height: 1;
@@ -3134,7 +3134,7 @@ input[type="button"].btn-block {
     .pagination > li > span {
       position: relative;
       float: left;
-      padding: 0.5rem 0.75rem;
+      padding: 0.5rem 1rem;
       margin-left: -1px;
       line-height: 1.5;
       color: #0275d8;
diff --git a/dist/css/bootstrap-flex.css.map b/dist/css/bootstrap-flex.css.map
index 0e9f773f5480edee123675b0d9231ccb596a2a51..7eba174696d3616f504de4159661b921d0364553 100644
Binary files a/dist/css/bootstrap-flex.css.map and b/dist/css/bootstrap-flex.css.map differ
diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css
index 0ddd78460c458488a529aa81a47a441be080ef4e..0841c848843b8182e216e0c0e25ad09a9107f472 100644
--- a/dist/css/bootstrap.css
+++ b/dist/css/bootstrap.css
@@ -1360,7 +1360,7 @@ pre {
 .form-control {
   display: block;
   width: 100%;
-  padding: 0.5rem 0.75rem;
+  padding: 0.5rem 1rem;
   font-size: 1rem;
   line-height: 1.5;
   color: #55595c;
@@ -1392,7 +1392,7 @@ pre {
   display: block; }
 
 .form-control-label {
-  padding: 0.5625rem 0.75rem;
+  padding: 0.5625rem 1rem;
   margin-bottom: 0; }
 
 @media screen and (-webkit-min-device-pixel-ratio: 0) {
@@ -1683,7 +1683,7 @@ fieldset[disabled] .checkbox label {
   cursor: pointer;
   user-select: none;
   border: 0.0625rem solid transparent;
-  padding: 0.5rem 0.75rem;
+  padding: 0.5rem 1rem;
   font-size: 1rem;
   line-height: 1.5;
   border-radius: 0.25rem;
@@ -2316,7 +2316,7 @@ input[type="button"].btn-block {
   vertical-align: middle; }
 
 .input-group-addon {
-  padding: 0.5rem 0.75rem;
+  padding: 0.5rem 1rem;
   font-size: 1rem;
   font-weight: normal;
   line-height: 1;
@@ -3049,7 +3049,7 @@ input[type="button"].btn-block {
     .pagination > li > span {
       position: relative;
       float: left;
-      padding: 0.5rem 0.75rem;
+      padding: 0.5rem 1rem;
       margin-left: -1px;
       line-height: 1.5;
       color: #0275d8;
diff --git a/dist/css/bootstrap.css.map b/dist/css/bootstrap.css.map
index 3fbc2414e2313a01e4b0fa6a2c50c48449cc4b30..8a7d4a937e36338488ed37a878488b6b0adf7f2e 100644
Binary files a/dist/css/bootstrap.css.map and b/dist/css/bootstrap.css.map differ
diff --git a/docs/components/buttons.md b/docs/components/buttons.md
index 77d090cbe1b5dc0af87cd4b61e3bd8bc563d5913..e0f6796b926c8d30adbd1a006094049f24b2e346 100644
--- a/docs/components/buttons.md
+++ b/docs/components/buttons.md
@@ -48,10 +48,10 @@ The `.btn` classes are designed to be used with the `<button>` element. However,
 When using button classes on `<a>` elements that are used to trigger in-page functionality (like collapsing content), rather than linking to new pages or sections within the current page, these links should be given a `role="button"` to appropriately convey their purpose to assistive technologies such as screen readers.
 
 {% example html %}
-<a class="btn btn-secondary" href="#" role="button">Link</a>
-<button class="btn btn-secondary" type="submit">Button</button>
-<input class="btn btn-secondary" type="button" value="Input">
-<input class="btn btn-secondary" type="submit" value="Submit">
+<a class="btn btn-primary" href="#" role="button">Link</a>
+<button class="btn btn-primary" type="submit">Button</button>
+<input class="btn btn-primary" type="button" value="Input">
+<input class="btn btn-primary" type="submit" value="Submit">
 {% endexample %}
 
 ## Sizes