diff --git a/components/expDiagram.vue b/components/expDiagram.vue
index 4ea0138..cb88808 100644
--- a/components/expDiagram.vue
+++ b/components/expDiagram.vue
@@ -80,15 +80,15 @@ onMounted(() => {
             </TresCanvas>
         </ClientOnly>
         <div class="canvas-icons">
-            <a href="#" @click="toggleExpState">
+            <a href="#" @click.prevent="toggleExpState">
                 <Icon name="mdi:checkbox-outline" v-if="explosion_state" />
                 <Icon name="mdi:square-outline" v-else />
             </a>
-            <a href="#" @click="changeDistance(-0.5)"
+            <a href="#" @click.prevent="changeDistance(-0.5)"
                 :class="[{ 'disabled': camera ? (camera.position.distanceTo(new Vector3(0, 0, 0)) <= controlsState.minDistance) : null }]">
                 <Icon name="mdi:plus-circle-outline" />
             </a>
-            <a href="#" @click="changeDistance(0.5)"
+            <a href="#" @click.prevent="changeDistance(0.5)"
                 :class="[{ 'disabled': camera ? (camera.position.distanceTo(new Vector3(0, 0, 0)) >= (controlsState.maxDistance)) : null }]">
                 <Icon name="mdi:minus-circle-outline" />
             </a>