diff --git a/src/store/modules/relays.js b/src/store/modules/relays.js
index 555886a2..5cdeb353 100644
--- a/src/store/modules/relays.js
+++ b/src/store/modules/relays.js
@@ -13,7 +13,7 @@ const relays = {
       state.fetchedRelays = relays
     },
     ADD_RELAY: (state, relay) => {
-      state.fetchedRelays = [...state.fetchedRelays, relay]
+      state.fetchedRelays = [...state.fetchedRelays, { actor: relay }]
     },
     DELETE_RELAY: (state, relay) => {
       state.fetchedRelays = state.fetchedRelays.filter(fetchedRelay => fetchedRelay !== relay)
diff --git a/src/views/settings/components/Relays.vue b/src/views/settings/components/Relays.vue
index 4ce16a56..8811dfea 100644
--- a/src/views/settings/components/Relays.vue
+++ b/src/views/settings/components/Relays.vue
@@ -53,6 +53,7 @@ export default {
   methods: {
     followRelay() {
       this.$store.dispatch('AddRelay', this.newRelay)
+      this.newRelay = ''
     },
     deleteRelay(relay) {
       this.$store.dispatch('DeleteRelay', relay)