diff --git a/client/src/components/Settings.vue b/client/src/components/Settings.vue
index a39e995d..aa2352db 100644
--- a/client/src/components/Settings.vue
+++ b/client/src/components/Settings.vue
@@ -1,10 +1,13 @@
b-modal(:title="$t('Settings')" hide-footer @hidden='$router.replace("/")' :visible='true')
- el-form(inline)
- el-input(v-model="mastodon_instance" type='success')
- span(slot='prepend') Mastodon instance
- el-button(slot='append' @click='associate' type='success') Associate
-
+ h5 {{user.name}}
+ el-input(v-model="mastodon_instance" @enter.native='associate')
+ span(slot='prepend') {{$t('Mastodon instance')}}
+ el-button(v-if='!user.mastodon_auth' slot='append' @click='associate' type='success') {{$t('Associate')}}
+ el-button(v-else slot='append' @click='deassociate' variant='success') {{$t('De-associate')}}
+ el-input.mt-2(v-model='password' type='password')
+ span(slot='prepend') {{$t('Change password')}}
+ el-button(slot='append' @click='change' type='success') {{$t('Change')}}