diff --git a/packages/core/src/components/cv-button/button-mixin.js b/packages/core/src/components/cv-button/button-mixin.js index d63cc5831..bcf6b5456 100644 --- a/packages/core/src/components/cv-button/button-mixin.js +++ b/packages/core/src/components/cv-button/button-mixin.js @@ -71,7 +71,7 @@ export default { classes.push(`${carbonSettings.prefix}--btn--field`); } - return classes; + return classes.join(' '); }; }, }, diff --git a/packages/core/src/components/cv-button/cv-icon-button.vue b/packages/core/src/components/cv-button/cv-icon-button.vue index ae843658c..c178d90fe 100644 --- a/packages/core/src/components/cv-button/cv-icon-button.vue +++ b/packages/core/src/components/cv-button/cv-icon-button.vue @@ -27,7 +27,7 @@ export default { }, computed: { buttonClasses() { - return this.buttonClassOpts({ iconOnly: true }); + return `${this.buttonClassOpts({ iconOnly: true })} ${this.tipClasses}`; }, tipClasses() { const tipPosition = this.tipPosition || 'bottom';