diff --git a/webapp/pages/settings/my-social-media.spec.js b/webapp/pages/settings/my-social-media.spec.js
index 4f48a2835..b8c2f8182 100644
--- a/webapp/pages/settings/my-social-media.spec.js
+++ b/webapp/pages/settings/my-social-media.spec.js
@@ -71,6 +71,12 @@ describe('my-social-media.vue', () => {
         const socialMediaLink = wrapper.find('a').attributes().href
         expect(socialMediaLink).toBe(socialMediaUrl)
       })
+
+      it('displays a trash sympol after a social media', () => {
+        wrapper = Wrapper()
+        iconName = wrapper.find('.ds-icon').attributes().name
+        expect(iconName).toBe('trash')
+      })
     })
 
     describe('currentUser does not have a social media account linked', () => {
diff --git a/webapp/pages/settings/my-social-media.vue b/webapp/pages/settings/my-social-media.vue
index 0eba9c3f0..5b3914ff0 100644
--- a/webapp/pages/settings/my-social-media.vue
+++ b/webapp/pages/settings/my-social-media.vue
@@ -28,6 +28,7 @@
             class="layout-leave-active"
           />
           <a
+            name="delete"
             @click="handleDeleteSocialMedia(link)"
           >
             <ds-icon name="trash"/>
@@ -74,13 +75,13 @@ export default {
     socialMediaLinks() {
       const { socialMedia = [] } = this.currentUser
       return socialMedia.map(socialMedia => {
-        const { url } = socialMedia
+        const { id, url } = socialMedia
         const matches = url.match(
           /^(?:https?:\/\/)?(?:[^@\n])?(?:www\.)?([^:\/\n?]+)/g
         )
         const [domain] = matches || []
         const favicon = domain ? `${domain}/favicon.ico` : null
-        return { url, favicon }
+        return { id, url, favicon }
       })
     }
   },