diff --git a/src/api/settings.js b/src/api/settings.js
index 77651ec0..8c543a7e 100644
--- a/src/api/settings.js
+++ b/src/api/settings.js
@@ -39,14 +39,13 @@ export async function getInstanceDocument(name, authHost, token) {
 }
 
 export async function updateInstanceDocument(name, formData, authHost, token) {
-  const url = baseName(authHost) + `/api/pleroma/admin/instance_document/${name}`
-
-  return fetch(url, {
-    body: formData,
-    method: 'PATCH',
-    headers: authHeaders(token)
+  return await request({
+    baseURL: baseName(authHost),
+    url: `/api/pleroma/admin/instance_document/${name}`,
+    method: 'patch',
+    data: formData,
+    headers: { ...authHeaders(token), 'Content-Type': 'multipart/form-data' }
   })
-    .then((data) => data.json())
 }
 
 export async function updateSettings(configs, authHost, token) {
diff --git a/src/views/settings/components/Instance.vue b/src/views/settings/components/Instance.vue
index ef47f705..c3f7fece 100644
--- a/src/views/settings/components/Instance.vue
+++ b/src/views/settings/components/Instance.vue
@@ -166,8 +166,8 @@ export default {
       return _.get(this.settings.settings, [':pleroma', ':welcome']) || {}
     }
   },
-  mounted() {
-    this.$store.dispatch('FetchInstanceDocument', 'instance-panel')
+  async mounted() {
+    await this.$store.dispatch('FetchInstanceDocument', 'instance-panel')
   },
   methods: {
     handleEditorUpdate(content) {