diff --git a/frappe/public/js/frappe/widgets/base_widget.js b/frappe/public/js/frappe/widgets/base_widget.js
index dbcacbf50e..45d4926904 100644
--- a/frappe/public/js/frappe/widgets/base_widget.js
+++ b/frappe/public/js/frappe/widgets/base_widget.js
@@ -100,7 +100,7 @@ export default class Widget {
let title = max_chars ? frappe.ellipsis(base, max_chars) : base;
if (this.icon) {
- let icon = frappe.utils.icon(this.icon, "md");
+ let icon = frappe.utils.icon(this.icon, "lg");
this.title_field[0].innerHTML = `${icon} ${title}`;
} else {
this.title_field[0].innerHTML = `${title}`;
diff --git a/frappe/public/scss/desk/desktop.scss b/frappe/public/scss/desk/desktop.scss
index 435dafde87..fd9ee05f27 100644
--- a/frappe/public/scss/desk/desktop.scss
+++ b/frappe/public/scss/desk/desktop.scss
@@ -154,7 +154,8 @@ body {
svg {
flex: none;
- margin-right: var(--margin-sm);
+ margin-right: 6px;
+ margin-left: -2px;
box-shadow: none;
}
}
@@ -560,23 +561,29 @@ body {
}
&.links-widget-box {
- padding: 16px 7px;
+ padding: 18px 12px;
.link-item {
display: flex;
text-decoration: none;
+ font-size: var(--text-md);
color: var(--text-color);
- padding: var(--padding-xs);
- margin-left: -5px;
+ padding: 4px;
+ margin-left: -4px;
+ margin-bottom: 4px;
border-radius: var(--border-radius-md);
cursor: pointer;
&:hover {
- background-color: var(--bg-color);
+ background-color: var(--fg-hover-color);
+
+ .indicator-pill {
+ background-color: var(--fg-color);
+ }
}
&:first-child {
- margin-top: 15px;
+ margin-top: 18px;
}
&:last-child {