diff --git a/src/App.vue b/src/App.vue
index ce9a7185..177546e0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -36,4 +36,6 @@ export default {
 <style lang="scss">
 // Import Main styles for this application
 @import 'styles/style';
+// We use those styles to show code examples, you should remove them in your application.
+@import 'styles/examples';
 </style>
diff --git a/src/styles/examples.scss b/src/styles/examples.scss
index 2390ba19..375fa9a5 100644
--- a/src/styles/examples.scss
+++ b/src/styles/examples.scss
@@ -1,5 +1,6 @@
 /* stylelint-disable declaration-no-important, scss/selector-no-redundant-nesting-selector */
-$enable-deprecation-messages: false; /* stylelint-disable-line scss/dollar-variable-default */
+
+$enable-deprecation-messages: false !default;
 
 @import "@coreui/coreui/scss/functions";
 @import "@coreui/coreui/scss/variables";
@@ -53,6 +54,8 @@ $enable-deprecation-messages: false; /* stylelint-disable-line scss/dollar-varia
     }
 
     // Buttons
+    .col > .btn,
+    .col-auto > .btn,
     > .btn,
     > .btn-group {
       margin: .25rem .125rem;
@@ -113,4 +116,4 @@ $enable-deprecation-messages: false; /* stylelint-disable-line scss/dollar-varia
       background-color: var(--#{$prefix}secondary-bg) !important;
     }
   }
-}
+}
\ No newline at end of file