diff --git a/src/client/directives/user-preview.ts b/src/client/directives/user-preview.ts
index a6b76208d5..9c3249d578 100644
--- a/src/client/directives/user-preview.ts
+++ b/src/client/directives/user-preview.ts
@@ -51,6 +51,11 @@ export default {
 			clearTimeout(self.hideTimer);
 			self.hideTimer = setTimeout(self.close, 500);
 		});
+
+		el.addEventListener('click', () => {
+			clearTimeout(self.showTimer);
+			self.close();
+		});
 	},
 
 	unbind(el, binding, vn) {