diff --git a/docs/assets/scss/_buttons.scss b/docs/assets/scss/_buttons.scss
index 213e95d048..d3e65e5b03 100644
--- a/docs/assets/scss/_buttons.scss
+++ b/docs/assets/scss/_buttons.scss
@@ -2,9 +2,8 @@
 //
 // Custom buttons for the docs.
 
-.btn-outline {
+.btn-bs {
   color: $bd-purple;
-  background-color: transparent;
   border-color: $bd-purple;
 
   &:hover,
@@ -16,17 +15,31 @@
   }
 }
 
-.btn-outline-inverse {
-  color: #fff;
-  background-color: transparent;
-  border-color: $bd-purple-light;
-
-  &:hover,
-  &:focus,
-  &:active {
-    color: $bd-purple;
-    text-shadow: none;
-    background-color: #fff;
-    border-color: #fff;
-  }
-}
+// .btn-outline {
+//   color: $bd-purple;
+//   background-color: transparent;
+//   border-color: $bd-purple;
+//
+//   &:hover,
+//   &:focus,
+//   &:active {
+//     color: #fff;
+//     background-color:$bd-purple;
+//     border-color: $bd-purple;
+//   }
+// }
+//
+// .btn-outline-inverse {
+//   color: #fff;
+//   background-color: transparent;
+//   border-color: $bd-purple-light;
+//
+//   &:hover,
+//   &:focus,
+//   &:active {
+//     color: $bd-purple;
+//     text-shadow: none;
+//     background-color: #fff;
+//     border-color: #fff;
+//   }
+// }