diff --git a/src/App.vue b/src/App.vue
index d11b067c0..b27da5d12 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -36,6 +36,7 @@
       <div class="col my-3 d-flex align-items-center">
         <buttonPrimary
           buttonText="Primary"
+          class="btn-primary"
         />
       </div>
     </div>
diff --git a/src/uxComponents/buttonPrimary/buttonPrimary.vue b/src/uxComponents/buttonPrimary/buttonPrimary.vue
index 501d213ae..75150c193 100644
--- a/src/uxComponents/buttonPrimary/buttonPrimary.vue
+++ b/src/uxComponents/buttonPrimary/buttonPrimary.vue
@@ -1,6 +1,6 @@
 <template>
   <button
-    class="btn btn-primary d-flex align-items-center"
+    class="btn d-flex align-items-center"
     v-on:click="showLoader()"
     v-bind:class="[this.isLoading ? 'button-loader' : 'not-loading', this.buttonType,]"
     >