diff --git a/src/components/AudioLayout.vue b/src/components/AudioLayout.vue
index 3a6d74e..d796d38 100644
--- a/src/components/AudioLayout.vue
+++ b/src/components/AudioLayout.vue
@@ -69,7 +69,7 @@
 
     <div class="load-later">
       <div style="align-self: flex-end;">
-        <v-btn class="clap-button" text elevation="0" v-blur @click.stop="clapButtonClicked()">👏</v-btn>
+        <v-btn class="clap-button clickable" text elevation="0" v-blur @click.stop="clapButtonClicked()">👏</v-btn>
         <v-btn :class="{'mic-button': true, 'dimmed': !canRecordAudio}" ref="mic_button" fab small elevation="0" v-blur
           @click.stop="micButtonClicked()">
           <v-icon color="white">mic</v-icon>
@@ -427,6 +427,12 @@ export default {
     clapButtonClicked() {
       if (this.currentAudioEvent) {
         this.$emit("sendclap", { event: this.currentAudioEvent, timeOffset: this.currentTimeMs })
+
+        // Also, play locally
+        this.audioPlaybackReaction({
+          sender: this.$matrix.currentUserId,
+          emoji: "👏"
+        });
       }
     }
   }