diff --git a/apps/client/src/share.ts b/apps/client/src/share.ts
index 26fb0e8ed..52e383030 100644
--- a/apps/client/src/share.ts
+++ b/apps/client/src/share.ts
@@ -1,9 +1,14 @@
 import "normalize.css";
 import "@triliumnext/ckeditor5/content.css";
-import "boxicons/css/boxicons.min.css";
 import "@triliumnext/share-theme/styles/index.css";
 import "@triliumnext/share-theme/scripts/index.js";
 
+async function loadIcons() {
+    if (document.getElementById("menu")) {
+        await import("boxicons/css/boxicons.min.css");
+    }
+}
+
 async function ensureJQuery() {
     const $ = (await import("jquery")).default;
     (window as any).$ = $;
@@ -38,6 +43,7 @@ document.addEventListener(
     "DOMContentLoaded",
     () => {
         formatCodeBlocks();
+        loadIcons();
 
         const toggleMenuButton = document.getElementById("toggleMenuButton");
         const layout = document.getElementById("layout");
diff --git a/apps/client/src/types-assets.d.ts b/apps/client/src/types-assets.d.ts
index ffe5456fd..34a964be8 100644
--- a/apps/client/src/types-assets.d.ts
+++ b/apps/client/src/types-assets.d.ts
@@ -7,3 +7,5 @@ declare module "@triliumnext/ckeditor5/emoji_definitions/en.json?url" {
     var path: string;
     export default path;
 }
+
+declare module "boxicons/css/boxicons.min.css" { }