diff --git a/.idea/dataSources.xml b/.idea/dataSources.xml
index 4748556..425b8ca 100644
--- a/.idea/dataSources.xml
+++ b/.idea/dataSources.xml
@@ -4,8 +4,9 @@
     <data-source source="LOCAL" name="oxspeak.db" uuid="6f1740ef-4686-4ce9-b224-e6b0fd312908">
       <driver-ref>sqlite.xerial</driver-ref>
       <synchronize>true</synchronize>
+      <configured-by-url>true</configured-by-url>
       <jdbc-driver>org.sqlite.JDBC</jdbc-driver>
-      <jdbc-url>jdbc:sqlite:file:\\wsl$\Debian\home\Nell\linux_dev\unix_oxspeak_server_v2\oxspeak.db?nolock=1</jdbc-url>
+      <jdbc-url>jdbc:sqlite:.\oxspeak.db</jdbc-url>
       <working-dir>$ProjectFileDir$</working-dir>
     </data-source>
   </component>
diff --git a/frontend/src/components/server/server_create.vue b/frontend/src/components/server/server_create.vue
index ef590ed..b693347 100644
--- a/frontend/src/components/server/server_create.vue
+++ b/frontend/src/components/server/server_create.vue
@@ -26,6 +26,10 @@ let form_inputs = ref({
 async function create_server(){
   const response = await fetch("/api/server/servers/", {
     method: 'POST',
+    headers: {
+      "Content-Type": "application/json",
+      "Accept": "application/json",
+    },
     body: JSON.stringify(form_inputs.value)
   })
   if (response.ok) {
diff --git a/frontend/src/components/server/server_detail.vue b/frontend/src/components/server/server_detail.vue
index 4d2cd0a..6abd0b5 100644
--- a/frontend/src/components/server/server_detail.vue
+++ b/frontend/src/components/server/server_detail.vue
@@ -1,15 +1,19 @@
 <template>
   <div>
-    {{server}}
+    <div>
+      {{server}}
+      <button @click="remove">Remove</button>
+    </div>
+
   </div>
-  <button @click="remove">Remove</button>/
+
 </template>
 
 <script setup>
-import {ref} from "vue";
+import {ref, onMounted} from "vue";
 
 // defined constants
-const props = defineProps({
+const {server} = defineProps({
   server: {
     type: Object,
     required: true
@@ -19,7 +23,7 @@ const emit = defineEmits(['remove'])
 
 // defined methods
 async function remove(){
-  const response = await fetch("/api/server/servers/", {
+  const response = await fetch(`/api/server/servers/${server.id}/`, {
     method: 'DELETE'
   })
   if (response.ok) {
diff --git a/frontend/src/components/server/server_list.vue b/frontend/src/components/server/server_list.vue
index a747869..fe796bb 100644
--- a/frontend/src/components/server/server_list.vue
+++ b/frontend/src/components/server/server_list.vue
@@ -6,6 +6,7 @@
     v-for="server in servers"
     :server="server"
     :key="server.id"
+    @remove="servers.splice(servers.indexOf(server), 1)"
   />
 </template>
 
diff --git a/src/network/http/web/api/server.rs b/src/network/http/web/api/server.rs
index 220a42c..b6b4d64 100644
--- a/src/network/http/web/api/server.rs
+++ b/src/network/http/web/api/server.rs
@@ -13,7 +13,7 @@ pub fn setup_route() -> AppRouter {
     AppRouter::new()
         .route("/servers/", get(server_list))
         .route("/servers/{id}/", get(server_detail))
-        .route("/servers/{id}/", post(server_create))
+        .route("/servers/", post(server_create))
         .route("/servers/{id}/", put(server_update))
         .route("/servers/{id}/", delete(server_delete))
 }