diff --git a/web/src/index.js b/web/src/index.js
index d9b6b4453512ab6a0f17797e54ed614f6603f6d0..f828edaabb9d573c262daa17ce9da2e2eed5acb8 100644
--- a/web/src/index.js
+++ b/web/src/index.js
@@ -296,10 +296,8 @@ class App extends Component {
 		this.sectionObserver.disconnect()
 	}
 
-	sendSticker(evt) {
-		const id = evt.currentTarget.getAttribute("data-sticker-id")
-		const sticker = this.stickersByID.get(id)
-		frequent.add(id)
+	sendSticker(sticker) {
+		frequent.add(sticker.id)
 		this.updateFrequentlyUsed()
 		widgetAPI.sendSticker(sticker)
 	}
@@ -431,7 +429,7 @@ const Pack = ({pack, send}) => html`
 `
 
 const Sticker = ({ sticker, send }) => html`
-	<div class="sticker" onClick=${send} data-sticker-id=${sticker.id}>
+	<div class="sticker" onClick=${() => send(sticker)}>
 		<img data-src=${makeThumbnailURL(sticker)} alt=${sticker.body} title=${sticker.body} />
 	</div>
 `