diff --git a/ui/src/App.vue b/ui/src/App.vue
index d1ba774..9d1b187 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -12,7 +12,7 @@
     </div>
 
     <div class="section">
-      <button class="button" @click="$refs.login_modal.set_active(true)">
+      <button class="button" @click.left="$refs.login_modal.set_active(true)">
         Login
       </button>
     </div>
diff --git a/ui/src/components/BulmaBreadcrumbs.vue b/ui/src/components/BulmaBreadcrumbs.vue
index 43a1b67..ae38545 100644
--- a/ui/src/components/BulmaBreadcrumbs.vue
+++ b/ui/src/components/BulmaBreadcrumbs.vue
@@ -5,7 +5,7 @@
         v-for="(step, index) in steps"
         :key="`step-${index}`"
         :class="modelValue === index ? 'is-active' : ''"
-        @click="change_step(index)"
+        @click.left="change_step(index)"
       >
         <a>
           <span class="icon is-small">
diff --git a/ui/src/components/LoginModal.vue b/ui/src/components/LoginModal.vue
index 73d5567..954eae7 100644
--- a/ui/src/components/LoginModal.vue
+++ b/ui/src/components/LoginModal.vue
@@ -26,8 +26,10 @@
         </section>
 
         <footer class="modal-card-foot">
-          <button class="button is-success" @click="submit()">Login</button>
-          <button class="button is-danger" @click="set_active(false)">
+          <button class="button is-success" @click.left="submit()">
+            Login
+          </button>
+          <button class="button is-danger" @click.left="set_active(false)">
             Cancel
           </button>
         </footer>
diff --git a/ui/src/components/calendar/CalendarDoor.vue b/ui/src/components/calendar/CalendarDoor.vue
index 26b9a4e..e0937e1 100644
--- a/ui/src/components/calendar/CalendarDoor.vue
+++ b/ui/src/components/calendar/CalendarDoor.vue
@@ -1,5 +1,5 @@
 <template>
-  <SVGRect :rectangle="door.position" :focused="false" @click="on_click" />
+  <SVGRect :rectangle="door.position" :focused="false" @click.left="on_click" />
 </template>
 
 <script lang="ts">