diff --git a/frappe/public/js/frappe/views/workspace/blocks/card.js b/frappe/public/js/frappe/views/workspace/blocks/card.js
index 6dd76b5c46..269952b504 100644
--- a/frappe/public/js/frappe/views/workspace/blocks/card.js
+++ b/frappe/public/js/frappe/views/workspace/blocks/card.js
@@ -3,7 +3,7 @@ export default class Card extends Block {
static get toolbox() {
return {
title: 'Card',
- icon: ''
+ icon: ''
};
}
diff --git a/frappe/public/js/frappe/views/workspace/blocks/onboarding.js b/frappe/public/js/frappe/views/workspace/blocks/onboarding.js
index 8c8892c903..8aaffef30b 100644
--- a/frappe/public/js/frappe/views/workspace/blocks/onboarding.js
+++ b/frappe/public/js/frappe/views/workspace/blocks/onboarding.js
@@ -4,7 +4,7 @@ export default class Onboarding extends Block {
static get toolbox() {
return {
title: 'Onboarding',
- icon: ''
+ icon: ''
};
}
diff --git a/frappe/public/js/frappe/views/workspace/workspace.js b/frappe/public/js/frappe/views/workspace/workspace.js
index 0d52d557f2..ca3728f0ef 100644
--- a/frappe/public/js/frappe/views/workspace/workspace.js
+++ b/frappe/public/js/frappe/views/workspace/workspace.js
@@ -410,7 +410,10 @@ frappe.views.Workspace = class Workspace {
);
Object.keys(this.blocks).forEach(key => {
- this.page.add_inner_button(__(this.blocks[key].toolbox.title), function() {
+ this.page.add_inner_button(`
+ ${this.blocks[key].toolbox.icon}
+ ${__(this.blocks[key].toolbox.title)}
+ `, function() {
const index = me.editor.blocks.getBlocksCount() + 1;
me.editor.blocks.insert(key, {}, {}, index, true);
me.editor.caret.setToLastBlock('start', 0);
diff --git a/frappe/public/scss/desk/desktop.scss b/frappe/public/scss/desk/desktop.scss
index dc77f67fb1..c3c82aba07 100644
--- a/frappe/public/scss/desk/desktop.scss
+++ b/frappe/public/scss/desk/desktop.scss
@@ -793,6 +793,12 @@ body {
}
}
+ .block-item-icon svg{
+ width: 12px;
+ height: 12px;
+ margin-right: 5px;
+ }
+
.standard-sidebar-item {
justify-content: space-between;
padding: 0px;