diff --git a/public/src/modules/accounts/invite.js b/public/src/modules/accounts/invite.js
index 0f121a37cc..ed83914765 100644
--- a/public/src/modules/accounts/invite.js
+++ b/public/src/modules/accounts/invite.js
@@ -19,7 +19,7 @@ define('accounts/invite', ['api', 'benchpress', 'bootbox', 'alerts'], function (
 						buttons: {
 							cancel: {
 								label: `[[${isACP() ? 'admin/manage/users:alerts.button-cancel' : 'modules:bootbox.cancel'}]]`,
-								className: 'btn-default',
+								className: 'btn-light',
 							},
 							invite: {
 								label: `[[${isACP() ? 'admin/manage/users:invite' : 'users:invite'}]]`,
diff --git a/public/src/modules/iconSelect.js b/public/src/modules/iconSelect.js
index 409ddb059b..712d3e8e12 100644
--- a/public/src/modules/iconSelect.js
+++ b/public/src/modules/iconSelect.js
@@ -252,7 +252,7 @@ define('iconSelect', ['benchpress', 'bootbox'], function (Benchpress, bootbox) {
 				buttons: {
 					noIcon: {
 						label: 'No Icon',
-						className: 'btn-default',
+						className: 'btn-light',
 						callback: function () {
 							el.removeClass(selected.icon);
 							for (const style of selected.styles) {