diff --git a/src/components/Chat.vue b/src/components/Chat.vue
index a286a2c..3ec30c3 100644
--- a/src/components/Chat.vue
+++ b/src/components/Chat.vue
@@ -2,7 +2,7 @@
   <div class="chat-root fill-height d-flex flex-column">
     <ChatHeader class="chat-header flex-grow-0 flex-shrink-0" v-on:header-click="onHeaderClick" v-on:view-room-details="viewRoomDetails" />
     <AudioLayout ref="chatContainer" class="auto-audio-player-root" v-if="useVoiceMode" :room="room"
-      :events="events" :autoplay="!showRecorder" 
+      :events="events" :autoplay="!showRecorder"
       :timelineSet="timelineSet"
       :readMarker="readMarker"
       :recordingMembers="typingMembers"
@@ -181,7 +181,7 @@
     </v-container>
 
     <input ref="attachment" type="file" name="attachment" @change="handlePickedAttachment($event)"
-                accept="image/*|audio/*|video/*|application/pdf" class="d-none" />
+                accept="image/*, audio/*, video/*, .pdf" class="d-none" />
 
     <div v-if="currentImageInputPath">
       <v-dialog v-model="currentImageInputPath" class="ma-0 pa-0" :width="$vuetify.breakpoint.smAndUp ? '50%' : '85%'">
@@ -1453,9 +1453,9 @@ export default {
       }, 3000);
     },
     setShowRecorder() {
-      if (this.canRecordAudio) { 
+      if (this.canRecordAudio) {
         this.showRecorder = true;
-      } else { 
+      } else {
         this.showNoRecordingAvailableDialog = true;
       }
     }