diff --git a/frappe/public/icons/timeless/symbol-defs.svg b/frappe/public/icons/timeless/symbol-defs.svg
index 3606a8d4b8..ccdc2ce899 100644
--- a/frappe/public/icons/timeless/symbol-defs.svg
+++ b/frappe/public/icons/timeless/symbol-defs.svg
@@ -120,7 +120,7 @@
-
+
diff --git a/frappe/public/scss/desk/global.scss b/frappe/public/scss/desk/global.scss
index fa9d5edc10..7bc8de9fa7 100644
--- a/frappe/public/scss/desk/global.scss
+++ b/frappe/public/scss/desk/global.scss
@@ -163,12 +163,8 @@ img {
.btn.btn-primary {
background-color: var(--primary-color);
white-space: nowrap;
-
- .icon {
- use {
- stroke: $white;
- }
- }
+ --icon-stroke: white;
+ --icon-fill-bg: var(--primary-color);
}
.btn.btn-danger {
diff --git a/frappe/public/scss/desk/variables.scss b/frappe/public/scss/desk/variables.scss
index b22b0978f1..6302eaff32 100644
--- a/frappe/public/scss/desk/variables.scss
+++ b/frappe/public/scss/desk/variables.scss
@@ -167,6 +167,7 @@ $card-box-shadow: 0px 0px 1px rgba(17, 43, 66, 0.16), 0px 1px 3px rgba(17, 43, 6
// SVG Colors
--icon-fill: transparent;
+ --icon-fill-bg: var(--fg-color);
--icon-stroke: var(--gray-900);
// Layout Colors