diff --git a/client/src/pages/object/Addresses.vue b/client/src/pages/object/Addresses.vue
index a6eff5c..987c788 100644
--- a/client/src/pages/object/Addresses.vue
+++ b/client/src/pages/object/Addresses.vue
@@ -1,5 +1,7 @@
 <script setup lang="ts">
 import { apiCall } from "../../api";
+import getPlugins from '../../plugins';
+const p = getPlugins();
 
 let addresses = $ref([]);
 let loading = $ref(false);
@@ -13,7 +15,7 @@ const columns = [
 ];
 
 async function load(){
-  loading = true
+  loading = true;
   let res = await apiCall("Object.GetAddresses", {});
   if (res.Error === null) {
     addresses = res.Data.Addresses;
@@ -21,7 +23,7 @@ async function load(){
   } else {
     console.debug("error", res);
   }
-  loading = false
+  loading = false;
 }
 
 const displayData = $computed(() => {
@@ -69,6 +71,10 @@ async function deleteAddress(){
   load();
 }
 
+async function editInterface() {
+  p.router.push("/object/addresses/edit/" + displayData[selection[0]].name);
+}
+
 onMounted(async() => {
   load();
 });
@@ -76,10 +82,10 @@ onMounted(async() => {
 </script>
 
 <template>
-    <TableView title="Addresses" :columns="columns" :loading="loading" v-model:selection="selection" v-model:data="displayData" :table-props="{sort:true, sortSelf: true}">
+  <TableView title="Addresses" :columns="columns" :loading="loading" v-model:selection="selection" v-model:data="displayData" :table-props="{sort:true, sortSelf: true}">
     <button @click="load">Refresh</button>
     <router-link class="button" to="/object/addresses/edit">Create</router-link>
-    <router-link class="button" :class="{ disabled: selection.length != 1 }" :to="'/object/addresses/edit/' + selection[0]">Edit</router-link>
+    <button @click="editInterface" :disabled="selection.length != 1">Edit</button>
     <button @click="deleteAddress" :disabled="selection.length != 1">Delete</button>
   </TableView>
 </template>
\ No newline at end of file