diff --git a/components/views/navigation/toolbar/Toolbar.html b/components/views/navigation/toolbar/Toolbar.html
index 514609371c..34b8fe6bdc 100644
--- a/components/views/navigation/toolbar/Toolbar.html
+++ b/components/views/navigation/toolbar/Toolbar.html
@@ -64,7 +64,7 @@
         data-cy="toolbar-enable-audio"
         :data-tooltip="enableRTC ? $t('controls.call') : $t('controls.not_connected')"
         v-if="server"
-        @click="() => call(['audio'])"
+        @click="handleCall"
       >
         <phone-call-icon size="1x" class="control-icon" />
       </div>
@@ -81,7 +81,7 @@
           ${!enableRTC || webrtc.activeCall ? 'disabled' : ''}`"
           :data-tooltip="enableRTC ? $t('controls.call') : $t('controls.not_connected')"
           v-if="server"
-          @click="() => call(['audio'])"
+          @click="handleCall"
         >
           <phone-call-icon size="1x" class="control-icon" color="grey" />
         </div>
diff --git a/components/views/navigation/toolbar/Toolbar.less b/components/views/navigation/toolbar/Toolbar.less
index 855f7e61fe..a8792c626e 100644
--- a/components/views/navigation/toolbar/Toolbar.less
+++ b/components/views/navigation/toolbar/Toolbar.less
@@ -52,9 +52,8 @@
     }
     .disabled {
       &:extend(.font-muted);
-      &,
-      svg {
-        cursor: not-allowed !important;
+      & {
+        cursor: not-allowed;
       }
     }
   }
diff --git a/components/views/navigation/toolbar/Toolbar.vue b/components/views/navigation/toolbar/Toolbar.vue
index 97c74899a1..2879776f8f 100644
--- a/components/views/navigation/toolbar/Toolbar.vue
+++ b/components/views/navigation/toolbar/Toolbar.vue
@@ -203,6 +203,12 @@ export default Vue.extend({
         kinds,
       })
     },
+    handleCall() {
+      if (!this.enableRTC || this.webrtc.activeCall) {
+        return
+      }
+      this.call(['audio'])
+    },
   },
 })
 </script>