From e5b0a251c4b02bb03d134642a0cecb75b30bd70d Mon Sep 17 00:00:00 2001
From: DianaXWiki <diana.voineag@xwiki.com>
Date: Wed, 25 Feb 2026 14:50:02 +0200
Subject: [PATCH] Fix icons displayed and styling of OpenIn contextmenu option
 #2209

---
 customize.dist/src/less2/include/contextmenu.less | 10 ++++++++++
 www/common/drive-ui.js                            |  5 +++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/customize.dist/src/less2/include/contextmenu.less b/customize.dist/src/less2/include/contextmenu.less
index 20ae9afae..09aebf0fd 100644
--- a/customize.dist/src/less2/include/contextmenu.less
+++ b/customize.dist/src/less2/include/contextmenu.less
@@ -33,6 +33,16 @@
         li {
             padding: 0;
             font-size: @colortheme_app-font-size;
+            a.cp-app-drive-context-openincode,
+            a.cp-app-drive-context-openinsheet,
+            a.cp-app-drive-context-openindoc,
+            a.cp-app-drive-context-openinpresentation {
+                & > svg.lucide {
+                    margin: 0 0.25rem;
+                    vector-effect: non-scaling-stroke;
+                    stroke-width: 1.7;
+                }
+            }
             &.dropdown-submenu {
                 position: relative;
                 &> a {
diff --git a/www/common/drive-ui.js b/www/common/drive-ui.js
index 0df7ce3d1..463e0a9c6 100644
--- a/www/common/drive-ui.js
+++ b/www/common/drive-ui.js
@@ -369,8 +369,9 @@ define([
 
         APP.premiumPlan = priv.plan;
         var getOpenIn = function (app) {
-            var icon = AppConfig.applicationsIcon[app];
-            var html = '<i data-lucide="'+icon+'"></i>' + Messages.type[app];
+            var icon = AppConfig.applicationsIcon[app] || app;
+            var iconHtml = Icons.get(icon).outerHTML;
+            var html = iconHtml + Messages.type[app];
             return Messages._getKey('fc_openIn', [html]);
         };
         var restricted = {};