diff --git a/snappymail/v/0.0.0/themes/example.css b/snappymail/v/0.0.0/themes/example.css
index 1c1ebcaf3..a6c95f7b5 100644
--- a/snappymail/v/0.0.0/themes/example.css
+++ b/snappymail/v/0.0.0/themes/example.css
@@ -84,6 +84,7 @@
 	--btn-clr: #333;
 	--btn-bg-clr: #fff;
 	--btn-border-clr: #fff;
+	--btn-border-radius: 3px;
 	--btn-success-bg-clr: #84AB04;
 	--btn-danger-bg-clr: #ee5f5b;
 
diff --git a/vendors/bootstrap/less/button-groups.less b/vendors/bootstrap/less/button-groups.less
index d27fe144c..0f33b22be 100644
--- a/vendors/bootstrap/less/button-groups.less
+++ b/vendors/bootstrap/less/button-groups.less
@@ -35,14 +35,14 @@
 
 // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
 .btn-group > .btn:first-child {
-  border-top-left-radius: 3px;
-  border-bottom-left-radius: 3px;
+  border-top-left-radius: var(--btn-border-radius, 3px);
+  border-bottom-left-radius: var(--btn-border-radius, 3px);
 }
 // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
 .btn-group > .btn:last-child,
 .btn-group > .dropdown-toggle {
-  border-top-right-radius: 3px;
-  border-bottom-right-radius: 3px;
+  border-top-right-radius: var(--btn-border-radius, 3px);
+  border-bottom-right-radius: var(--btn-border-radius, 3px);
 }
 
 // On hover/focus/active, bring the proper btn to front