diff --git a/frappe/desk/page/desktop/desktop.css b/frappe/desk/page/desktop/desktop.css
index 397905f387..1995ba6ee0 100644
--- a/frappe/desk/page/desktop/desktop.css
+++ b/frappe/desk/page/desktop/desktop.css
@@ -3,6 +3,9 @@
     padding-left: 400px;
     padding-right: 400px;
 }
+.icon-stroke{
+    stroke-width: 1px;
+}
 .icons{
 	gap: 30px;
 	display: grid;
@@ -19,7 +22,7 @@
 }
 .icon-container{
     padding: 10px;
-    border: black solid 1px;
+    border: var(--gray-400) solid 1px;
     border-radius: 10px;
 }
 .icon-container:hover{
diff --git a/frappe/desk/page/desktop/desktop.html b/frappe/desk/page/desktop/desktop.html
index 986f9cbd98..2abb91b38d 100644
--- a/frappe/desk/page/desktop/desktop.html
+++ b/frappe/desk/page/desktop/desktop.html
@@ -3,10 +3,10 @@
     <div class="desktop-container">
         <div class="icons">
             {% for icon in icons %}
-                <div class="desktop-icon" data-icon="{{ icon.icon }}" data-type="{{ icon.type }}" data-route="{{ icon.route }}">
+                <a class="desktop-icon" data-icon="{{ icon.icon }}" data-type="{{ icon.type }}" href="{{ icon.route }}" style="text-decoration:none">
                     <div class="icon-container" data-color="{{ icon.color }}"> </div>
                     <div class="icon-label">{{ icon.label }}</div>
-                </div>
+                </a>
 
             {% endfor %}
         </div>
diff --git a/frappe/desk/page/desktop/desktop.js b/frappe/desk/page/desktop/desktop.js
index 941a770dd0..b8f39a9e88 100644
--- a/frappe/desk/page/desktop/desktop.js
+++ b/frappe/desk/page/desktop/desktop.js
@@ -17,7 +17,7 @@ function setup() {
 			href: get_route($(el)),
 		});
 
-		const svg = frappe.utils.icon(icon_name, "xl");
+		const svg = frappe.utils.icon(icon_name, "xl icon-stroke");
 		if (svg) {
 			link.html(svg);
 		}