diff --git a/services/web/frontend/stylesheets/core/mixins.less b/services/web/frontend/stylesheets/core/mixins.less
index a675395d7b..87cb85d989 100755
--- a/services/web/frontend/stylesheets/core/mixins.less
+++ b/services/web/frontend/stylesheets/core/mixins.less
@@ -590,7 +590,7 @@
   }
 }
 
-.btn-borderless(@color: @white; @background: @green; @background-hover: @btn-primary-hover-bg-color) {
+.btn-borderless(@color: @white; @background: @brand-primary; @background-hover: @btn-primary-hover-bg-color) {
   color: @color;
   background-color: @background;
   border-color: @background; // add a border that is same as background color so that the height matches the btn-bordered style
diff --git a/services/web/frontend/stylesheets/variables/themes/ieee.less b/services/web/frontend/stylesheets/variables/themes/ieee.less
index 139c458f83..0d6de91465 100644
--- a/services/web/frontend/stylesheets/variables/themes/ieee.less
+++ b/services/web/frontend/stylesheets/variables/themes/ieee.less
@@ -24,6 +24,12 @@
 @ol-red: @ieee-red;
 @ol-dark-red: darken(@ieee-red, 15%);
 
+@green: @ol-green;
+@green-dark: @ol-dark-green;
+@blue: @ol-blue;
+@blue-dark: @ol-dark-blue;
+@red: @ol-red;
+
 @brand-primary: @ieee-blue;
 @brand-secondary: @ieee-dark-blue;
 @brand-success: @ol-blue;
@@ -50,3 +56,6 @@
 @navbar-default-link-hover-bg: @ieee-blue;
 @navbar-default-link-hover-color: @ieee-blue;
 @navbar-default-link-active-bg: @ieee-blue;
+
+@btn-primary-hover-bg-color: darken(@brand-primary, 8%);
+@btn-default-bg: @ol-blue-gray-4;