diff --git a/app/shared/directives/ipaButton/ipaButton.html b/app/shared/directives/ipaButton/ipaButton.html
index fecdb0373..403724941 100644
--- a/app/shared/directives/ipaButton/ipaButton.html
+++ b/app/shared/directives/ipaButton/ipaButton.html
@@ -1,5 +1,6 @@
 <div
 class="ipa-button"
+ng-class="buttonClass"
 ng-class="{ 'skin-light' : color == 'light', 'skin-dark' : color == 'dark', 'skin-danger' : color == 'danger' }"
 ng-click="onClick()">
 	<div class="icon-container">
diff --git a/app/shared/directives/ipaButton/ipaButton.js b/app/shared/directives/ipaButton/ipaButton.js
index f93c5e696..6915a02d5 100644
--- a/app/shared/directives/ipaButton/ipaButton.js
+++ b/app/shared/directives/ipaButton/ipaButton.js
@@ -21,6 +21,7 @@ sharedApp.directive("ipaButton", this.ipaButton = function () {
 			hoverText: '<?',
 			color: '<?',
 			iconClass: '<?',
+			buttonClass: '<?'
 		},
 		link: function(scope, element, attrs) {
 			// Intentionally empty