diff --git a/client/components/DatabaseDetail.vue b/client/components/DatabaseDetail.vue
index 2605adc..021a58f 100644
--- a/client/components/DatabaseDetail.vue
+++ b/client/components/DatabaseDetail.vue
@@ -1,4 +1,3 @@
-<!-- eslint-disable no-console -->
 <script lang="ts" setup>
 const props = defineProps({
   collection: {
@@ -68,8 +67,8 @@ function editDocument(document: any) {
   selectedDocument.value = { ...document }
 }
 
-async function saveDocument() {
-  await rpc.createDocument(props.collection, selectedDocument.value)
+async function saveDocument(document: any) {
+  await rpc.createDocument(props.collection, document)
   editing.value = false
   selectedDocument.value = undefined
   documents.value = await rpc.listDocuments(props.collection)
@@ -138,6 +137,7 @@ async function deleteDocument(document: any) {
               <template v-else>
                 <NIconButton icon="carbon-edit" @click="editDocument(document)" />
                 <NIconButton icon="carbon-delete" @click="deleteDocument(document)" />
+                <NIconButton icon="carbon-document-multiple-02" @click="saveDocument(document)" />
               </template>
             </div>
           </td>
@@ -148,7 +148,7 @@ async function deleteDocument(document: any) {
             <input v-else placeholder="ObjectId(_id)" disabled>
           </td>
           <td flex justify-center gap2 class="actions">
-            <NIconButton icon="carbon-save" @click="saveDocument" />
+            <NIconButton icon="carbon-save" @click="saveDocument(selectedDocument)" />
             <NIconButton icon="carbon-close" @click="discardEditing" />
           </td>
         </tr>
diff --git a/src/server-rpc/database.ts b/src/server-rpc/database.ts
index c2f7d8e..e04ff15 100644
--- a/src/server-rpc/database.ts
+++ b/src/server-rpc/database.ts
@@ -23,7 +23,8 @@ export function setupDatabaseRPC({ options }: NuxtDevtoolsServerContext): any {
     },
 
     async createDocument(collection: string, data: any) {
-      return await mongoose.connection.db.collection(collection).insertOne(data)
+      const { _id, ...rest } = data
+      return await mongoose.connection.db.collection(collection).insertOne(rest)
     },
     async listDocuments(collection: string) {
       return await mongoose.connection.db.collection(collection).find().toArray()