diff --git a/manifest.json b/manifest.json
index 45554e6..6401b24 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
 {
 	"id": "share-note",
 	"name": "Share Note",
-	"version": "0.5.21",
+	"version": "0.5.22",
 	"minAppVersion": "0.15.0",
 	"description": "Instantly share a note, with the full theme and content exactly like you see in Reading View. Data is shared encrypted by default, and only you and the person you send it to have the key.",
 	"author": "Alan Grainger",
diff --git a/package-lock.json b/package-lock.json
index e19b3bc..b5710fc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "share-note",
-	"version": "0.5.14",
+	"version": "0.5.22",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "share-note",
-			"version": "0.5.14",
+			"version": "0.5.22",
 			"license": "MIT",
 			"dependencies": {
 				"data-uri-to-buffer": "^6.0.1"
diff --git a/package.json b/package.json
index b9236e5..0ad40c2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "share-note",
-	"version": "0.5.21",
+	"version": "0.5.22",
 	"description": "Instantly share a note, with the full theme and content exactly like you see in Reading View. Data is shared encrypted by default, and only you and the person you send it to have the key.",
 	"main": "main.js",
 	"scripts": {
diff --git a/src/note.ts b/src/note.ts
index 63c65b4..2339511 100644
--- a/src/note.ts
+++ b/src/note.ts
@@ -119,14 +119,15 @@ export default class Note {
       // Get the callout icon from the CSS. I couldn't find any way to do this from the DOM,
       // as the elements may be far down below the fold and are not populated.
       const type = el.getAttribute('data-callout')
-      const icon = this.getCalloutIcon(selectorText => selectorText.includes(`data-callout="${type}"`)) || defaultCalloutType
+      let icon = this.getCalloutIcon(selectorText => selectorText.includes(`data-callout="${type}"`)) || defaultCalloutType
+      icon = icon.replace('lucide-', '')
       // Replace the existing icon so we:
       // a) don't get double-ups, and
       // b) have a consistent style
       const iconEl = el.querySelector('div.callout-icon')
       const svgEl = iconEl?.querySelector('svg')
       if (svgEl) {
-        svgEl.outerHTML = `<svg width="16" height="16" data-share-note-lucide="${icon.slice(7)}"></svg>`
+        svgEl.outerHTML = `<svg width="16" height="16" data-share-note-lucide="${icon}"></svg>`
       }
     }
 
diff --git a/versions.json b/versions.json
index 3740786..41d2797 100644
--- a/versions.json
+++ b/versions.json
@@ -20,5 +20,6 @@
 	"0.5.18": "0.15.0",
 	"0.5.19": "0.15.0",
 	"0.5.20": "0.15.0",
-	"0.5.21": "0.15.0"
+	"0.5.21": "0.15.0",
+	"0.5.22": "0.15.0"
 }