diff --git a/www/app.js b/www/app.js
index 7e0d995..18f694e 100644
--- a/www/app.js
+++ b/www/app.js
@@ -264,6 +264,13 @@ const App = Vue.createApp({
 		setStyle(key, value) {
 			document.documentElement.style.setProperty(key, value);
 		},
+		onCallFeedback(e) {
+			try {
+				if (cabin) {
+					cabin.event(e.target.getAttribute("data-cabin-event"));
+				}
+			} catch (e) {}
+		},
 		exit() {
 			signalingSocket.close();
 			for (let peer_id in peers) {
diff --git a/www/index.html b/www/index.html
index 39f3665..ddbed66 100755
--- a/www/index.html
+++ b/www/index.html
@@ -75,9 +75,9 @@
 							<div class="question italic">How was the quality of call?</div>
 							<div class="thankYou bold">Thank you for your feedback</div>
 							<div id="feedbackButtons">
-								<button data-cabin-event="call-quality-nah">😟<br />Nah!</button>
-								<button data-cabin-event="call-quality-meh">😐<br />Meh!</button>
-								<button data-cabin-event="call-quality-yay">😀<br />Yay!</button>
+								<button data-cabin-event="call-quality-nah" v-on:click="onCallFeedback">😟<br />Nah!</button>
+								<button data-cabin-event="call-quality-meh" v-on:click="onCallFeedback">😐<br />Meh!</button>
+								<button data-cabin-event="call-quality-yay" v-on:click="onCallFeedback">😀<br />Yay!</button>
 							</div>
 						</div>
 					</div>