diff --git a/frappe/public/js/frappe/views/workspace/blocks/block.js b/frappe/public/js/frappe/views/workspace/blocks/block.js
index 529af4c669..cc105291f3 100644
--- a/frappe/public/js/frappe/views/workspace/blocks/block.js
+++ b/frappe/public/js/frappe/views/workspace/blocks/block.js
@@ -112,7 +112,7 @@ export default class Block {
 				});
 				this.block_widget.customize(this.options);
 				this.wrapper.setAttribute(block_name, this.block_widget.label);
-				$(this.wrapper).find(".widget").addClass(`${widget_type} edit-mode`);
+				$(this.wrapper).find(".widget").addClass(`${widget_type}`);
 				this.new_block_widget = this.block_widget.get_config();
 				this.add_settings_button();
 			},
diff --git a/frappe/public/js/frappe/views/workspace/workspace.js b/frappe/public/js/frappe/views/workspace/workspace.js
index 55984a1d43..6726d17f52 100644
--- a/frappe/public/js/frappe/views/workspace/workspace.js
+++ b/frappe/public/js/frappe/views/workspace/workspace.js
@@ -142,16 +142,16 @@ frappe.views.Workspace = class Workspace {
 		);
 
 		let $title = $(`<div class="standard-sidebar-label">
-			<span>${frappe.utils.icon("small-down", "xs")}</span>
+			<span>${frappe.utils.icon("es-line-down", "xs")}</span>
 			<span class="section-title">${__(title)}<span>
 		</div>`).appendTo(sidebar_section);
 		this.prepare_sidebar(root_pages, sidebar_section, this.sidebar);
 
 		$title.on("click", (e) => {
 			let icon =
-				$(e.target).find("span use").attr("href") === "#icon-small-down"
-					? "#icon-right"
-					: "#icon-small-down";
+				$(e.target).find("span use").attr("href") === "#es-line-down"
+					? "#es-line-right-chevron"
+					: "#es-line-down";
 			$(e.target).find("span use").attr("href", icon);
 			$(e.target).parent().find(".sidebar-item-container").toggleClass("hidden");
 		});
@@ -210,7 +210,7 @@ frappe.views.Workspace = class Workspace {
 	}
 
 	add_drop_icon(item, sidebar_control, item_container) {
-		let drop_icon = "small-down";
+		let drop_icon = "es-line-down";
 		if (item_container.find(`[item-name="${this.current_page.name}"]`).length) {
 			drop_icon = "small-up";
 		}
@@ -229,9 +229,9 @@ frappe.views.Workspace = class Workspace {
 		}
 		$drop_icon.on("click", () => {
 			let icon =
-				$drop_icon.find("use").attr("href") === "#icon-small-down"
-					? "#icon-small-up"
-					: "#icon-small-down";
+				$drop_icon.find("use").attr("href") === "#es-line-down"
+					? "#es-line-up"
+					: "#es-line-down";
 			$drop_icon.find("use").attr("href", icon);
 			$child_item_section.toggleClass("hidden");
 		});
@@ -527,7 +527,7 @@ frappe.views.Workspace = class Workspace {
 			);
 		} else {
 			frappe.utils.add_custom_button(
-				frappe.utils.icon("drag", "xs"),
+				frappe.utils.icon("es-line-drag", "xs"),
 				null,
 				"drag-handle",
 				__("Drag"),
@@ -783,8 +783,8 @@ frappe.views.Workspace = class Workspace {
 		}
 
 		let $button = $(`
-			<div class="btn btn-secondary btn-xs setting-btn dropdown-btn" title="${__("Setting")}">
-				${frappe.utils.icon("dot-horizontal", "xs")}
+			<div class="btn btn-xs setting-btn dropdown-btn" title="${__("Setting")}">
+				${frappe.utils.icon("es-line-dot-horizontal", "xs")}
 			</div>
 			<div class="dropdown-list hidden"></div>
 		`);
@@ -1289,7 +1289,7 @@ frappe.views.Workspace = class Workspace {
 			$sidebar_item.appendTo($child_section);
 			$child_section.removeClass("hidden");
 			$item_container.find(".drop-icon.hidden").removeClass("hidden");
-			$item_container.find(".drop-icon use").attr("href", "#icon-small-up");
+			$item_container.find(".drop-icon use").attr("href", "#es-line-up");
 		}
 
 		let section = item.is_public ? "public" : "private";
diff --git a/frappe/public/js/frappe/widgets/base_widget.js b/frappe/public/js/frappe/widgets/base_widget.js
index 63d1ee4db2..55b3554448 100644
--- a/frappe/public/js/frappe/widgets/base_widget.js
+++ b/frappe/public/js/frappe/widgets/base_widget.js
@@ -27,7 +27,7 @@ export default class Widget {
 
 		options.allow_sorting &&
 			frappe.utils.add_custom_button(
-				frappe.utils.icon("drag", "xs"),
+				frappe.utils.icon("es-line-drag", "xs"),
 				null,
 				"drag-handle",
 				__("Drag"),
@@ -58,7 +58,7 @@ export default class Widget {
 
 		options.allow_edit &&
 			frappe.utils.add_custom_button(
-				frappe.utils.icon("edit", "xs"),
+				frappe.utils.icon("es-line-edit-alt", "xs"),
 				() => this.edit(),
 				"edit-button",
 				__("Edit"),
@@ -99,7 +99,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, "lg");
+			let icon = frappe.utils.icon(this.icon, "sm");
 			this.title_field[0].innerHTML = `${icon} <span class="ellipsis" title="${title}">${title}</span>`;
 		} else {
 			this.title_field[0].innerHTML = `<span class="ellipsis" title="${title}">${title}</span>`;
diff --git a/frappe/public/js/frappe/widgets/links_widget.js b/frappe/public/js/frappe/widgets/links_widget.js
index f342f18cc3..60a0bded33 100644
--- a/frappe/public/js/frappe/widgets/links_widget.js
+++ b/frappe/public/js/frappe/widgets/links_widget.js
@@ -4,7 +4,7 @@ frappe.provide("frappe.utils");
 
 export default class LinksWidget extends Widget {
 	constructor(opts) {
-		opts.icon = opts.icon || "file";
+		opts.icon = opts.icon || "es-line-filetype";
 		super(opts);
 	}
 
@@ -86,7 +86,7 @@ export default class LinksWidget extends Widget {
 			} ${disabled_dependent(item)}" type="${item.type}" title="${
 				item.label ? item.label : item.name
 			}">
-					<span class="indicator-pill no-margin ${get_indicator_color(item)}"></span>
+					<span class="indicator-pill no-margin grey" style="background:unset;"></span>
 					${get_link_for_item(item)}
 			</a>`);
 		});