diff --git a/frontend/assets/style/components/_buttons.scss b/frontend/assets/style/components/_buttons.scss
index 33756591c2..0aee63e4a4 100644
--- a/frontend/assets/style/components/_buttons.scss
+++ b/frontend/assets/style/components/_buttons.scss
@@ -202,11 +202,12 @@ button,
       color: transparent;
       // Delay the spin for 500ms, in case load is ultra fast.
       // That way the user won't even see the loading
-      transition: color 400ms 500ms;
+      // [1] !important so it works even when .js-reducedMotion
+      transition: color 400ms 500ms !important; // [1]
 
       &::after {
         opacity: 1;
-        transition: opacity 400ms 500ms;
+        transition: opacity 400ms 500ms !important; // [1]
         animation: loadSpin 1.75s infinite linear;
       }
     }
diff --git a/frontend/assets/style/components/_pills.scss b/frontend/assets/style/components/_pills.scss
index 0138726566..2e825b390b 100644
--- a/frontend/assets/style/components/_pills.scss
+++ b/frontend/assets/style/components/_pills.scss
@@ -1,29 +1,20 @@
 .pill {
-  font-weight: 600;
-  border-radius: 3px;
-  padding: 0.375rem $spacer-sm;
+  border-radius: $radius;
+  padding: 0.125rem 0.25rem;
   line-height: 1;
-  margin: 0 $spacer-xs;
   display: inline-block;
   white-space: nowrap;
+  text-transform: uppercase;
+  font-size: $size_5;
 
-  &.is-small {
-    padding: ($spacer / 8) $spacer-xs;
-    text-transform: uppercase;
-    font-size: $size_5;
-    font-weight: 100;
-  }
-
-  &.has-background-dark {
-    background: $text_0;
-    color: $general_2;
+  &.is-neutral {
+    background-color: $general_0;
   }
 
   @each $name in $colors {
     &.is-#{$name} {
-      @extend .pill;
-      @extend .has-background-#{$name};
-      @extend .has-text-#{$name};
+      background-color: var(--#{$name}_2);
+      color: var(--#{$name}_0);
     }
   }
 }
diff --git a/frontend/model/contracts/group.js b/frontend/model/contracts/group.js
index 6bfba76499..0bffed953c 100644
--- a/frontend/model/contracts/group.js
+++ b/frontend/model/contracts/group.js
@@ -62,10 +62,11 @@ function initMonthlyPayments () {
   }
 }
 
-function initGroupProfile (contractID: string) {
+function initGroupProfile (contractID: string, joined: ?string) {
   return {
     contractID: contractID,
-    nonMonetaryContributions: []
+    nonMonetaryContributions: [],
+    joinedDate: joined
   }
 }
 
@@ -149,6 +150,19 @@ DefineContract({
     groupMembersCount (state, getters) {
       return getters.groupMembersByUsername.length
     },
+    groupMembersPending (state, getters) {
+      const invites = getters.currentGroupState.invites
+      const pendingMembers = {}
+      for (const inviteId in invites) {
+        const invite = invites[inviteId]
+        if (invite.status === INVITE_STATUS.VALID && invite.creator !== INVITE_INITIAL_CREATOR) {
+          pendingMembers[invites[inviteId].invitee] = {
+            invitedBy: invites[inviteId].creator
+          }
+        }
+      }
+      return pendingMembers
+    },
     groupShouldPropose (state, getters) {
       return getters.groupMembersCount >= 3
     },
@@ -199,7 +213,7 @@ DefineContract({
             groupCreator: meta.username
           },
           profiles: {
-            [meta.username]: initGroupProfile(meta.identityContractID)
+            [meta.username]: initGroupProfile(meta.identityContractID, meta.createdDate)
           },
           userPaymentsByMonth: {
             [currentMonthTimestamp()]: initMonthlyPayments()
@@ -436,7 +450,7 @@ DefineContract({
         if (Object.keys(invite.responses).length === invite.quantity) {
           invite.status = INVITE_STATUS.USED
         }
-        Vue.set(state.profiles, meta.username, initGroupProfile(meta.identityContractID))
+        Vue.set(state.profiles, meta.username, initGroupProfile(meta.identityContractID, meta.createdDate))
         // If we're triggered by handleEvent in state.js (and not latestContractState)
         // then the asynchronous sideEffect function will get called next
         // and we will subscribe to this new user's identity contract
diff --git a/frontend/views/components/Avatar.vue b/frontend/views/components/Avatar.vue
index 9fa64cb8f4..1d78d57926 100644
--- a/frontend/views/components/Avatar.vue
+++ b/frontend/views/components/Avatar.vue
@@ -1,11 +1,13 @@
 <template lang='pug'>
   img.c-avatar(
+    v-if='imageURL'
     :class='`is-${size}`'
     :src='imageURL'
     :alt='alt'
     ref='img'
     v-on='$listeners'
   )
+  .c-avatar.is-empty(v-else :class='`is-${size}`')
 </template>
 
 <script>
@@ -117,6 +119,10 @@ export default {
     padding-bottom: 100%;
   }
 
+  &.is-empty {
+    background-color: $general_0;
+  }
+
   &.is-xs { @include size(1.5rem); }
   &.is-sm { @include size(2rem); }
   &.is-md { @include size(2.5rem); }
diff --git a/frontend/views/components/AvatarUser.vue b/frontend/views/components/AvatarUser.vue
index 333ed6d26d..deac45dbca 100644
--- a/frontend/views/components/AvatarUser.vue
+++ b/frontend/views/components/AvatarUser.vue
@@ -38,7 +38,7 @@ export default {
       console.debug(`Looking for ${this.username} profile picture`)
       const userContractId = await sbp('namespace/lookup', this.username)
       if (!userContractId) {
-        console.error(`AvatarUser: ${this.username} doesn't exist!`)
+        console.warn(`AvatarUser: ${this.username} doesn't exist!`)
         return
       }
       const state = await sbp('state/latestContractState', userContractId)
diff --git a/frontend/views/components/menu/MenuContent.vue b/frontend/views/components/menu/MenuContent.vue
index 4e6e8877ec..50368725c2 100644
--- a/frontend/views/components/menu/MenuContent.vue
+++ b/frontend/views/components/menu/MenuContent.vue
@@ -56,7 +56,7 @@ export default {
     // Is that enought for every menu?
     // Should we use mask transition instead?
     pointer-events: initial;
-    max-height: 400px;
+    max-height: 25rem;
     opacity: 1;
     transition: max-height cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s 100ms, opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 300ms 100ms;
   }
diff --git a/frontend/views/containers/dashboard/GroupMembers.vue b/frontend/views/containers/dashboard/GroupMembers.vue
index 6bcaab69fc..caceec41b0 100644
--- a/frontend/views/containers/dashboard/GroupMembers.vue
+++ b/frontend/views/containers/dashboard/GroupMembers.vue
@@ -13,34 +13,20 @@
   ul.c-group-list
     li.c-group-member(
       v-for='(member, username) in firstTenMembers'
-      :class='member.pending && "is-pending"'
+      :data-test='username'
+      :class='member.invitedBy && "is-pending"'
       :key='username'
     )
-      avatar-user(:username='username' size='sm')
-
-      .c-name.has-ellipsis(data-test='username')
-        | {{ username }}
-
-      i18n.pill.has-text-small.has-background-dark(
-        v-if='member.pending'
-        data-test='pending'
-      ) pending
-
-      tooltip(
-        v-if='member.pending'
-        direction='bottom-end'
-      )
-        span.button.is-icon-small(
-          data-test='pendingTooltip'
-        )
-          i.icon-question-circle
-        template(slot='tooltip')
-          i18n(
-            tag='p'
-            :args='{ username }'
-          ) We are waiting for {username} to join the group by using their unique invite link.
-
-      group-member-menu(v-else :username='username')
+      avatar(v-if='member.invitedBy' size='sm')
+      avatar-user(v-else :username='username' size='sm')
+
+      .c-name.has-ellipsis(data-test='username') {{ localizedName(username) }}
+
+      i18n.pill.is-neutral(v-if='member.invitedBy' data-test='pillPending') pending
+      i18n.pill.is-primary(v-else-if='isNewMember(username)' data-test='pillNew') new
+
+      group-members-tooltip-pending.c-menu(v-if='member.invitedBy' :username='username')
+      group-members-menu.c-menu(v-else :username='username')
   i18n.link(
     tag='button'
     v-if='groupMembersCount > 10'
@@ -54,45 +40,69 @@
 import { mapGetters } from 'vuex'
 import { OPEN_MODAL } from '@utils/events.js'
 import sbp from '~/shared/sbp.js'
+import Avatar from '@components/Avatar.vue'
 import AvatarUser from '@components/AvatarUser.vue'
-import GroupMemberMenu from '@containers/dashboard/GroupMemberMenu.vue'
-import Tooltip from '@components/Tooltip.vue'
+import GroupMembersMenu from '@containers/dashboard/GroupMembersMenu.vue'
+import GroupMembersTooltipPending from '@containers/dashboard/GroupMembersTooltipPending.vue'
+import L from '@view-utils/translations.js'
 
 export default {
   name: 'GroupMembers',
   components: {
+    Avatar,
     AvatarUser,
-    GroupMemberMenu,
-    Tooltip
-  },
-  methods: {
-    invite () {
-      this.$router.push({ path: '/invite' })
-    },
-    openModal (modal, queries) {
-      sbp('okTurtles.events/emit', OPEN_MODAL, modal, queries)
-    }
+    GroupMembersMenu,
+    GroupMembersTooltipPending
   },
   computed: {
     ...mapGetters([
       'groupProfiles',
       'groupShouldPropose',
       'groupMembersCount',
-      'ourUsername'
+      'ourUsername',
+      'userDisplayName',
+      'currentGroupState',
+      'groupMembersPending'
     ]),
+    weJoinedMs () {
+      return new Date(this.currentGroupState.profiles[this.ourUsername].joinedDate).getTime()
+    },
     firstTenMembers () {
       const profiles = this.groupProfiles
-      const usernames = Object.keys(profiles).slice(0, 10)
-      return usernames.reduce((acc, username) => {
+      const sliceIndex = 10 - Math.min(10, Object.keys(this.groupMembersPending).length) // avoid slicing too many members.
+      const usernames = Object.keys(profiles).slice(0, sliceIndex)
+      const members = usernames.reduce((acc, username) => {
         // Prevent displaying users without a synced contract.
         // It happens at the exact moment a user joins a group and both
         // contracts (group + user) are still syncing
         const profile = profiles[username]
         if (profile) {
-          acc[username] = profile
+          acc[username] = { profile }
         }
         return acc
       }, {})
+
+      // TODO - Sort members #869
+      return { ...this.groupMembersPending, ...members }
+    }
+  },
+  methods: {
+    invite () {
+      this.$router.push({ path: '/invite' })
+    },
+    openModal (modal, queries) {
+      sbp('okTurtles.events/emit', OPEN_MODAL, modal, queries)
+    },
+    isNewMember (username) {
+      if (username === this.ourUsername) { return false }
+
+      const memberJoinedMs = new Date(this.currentGroupState.profiles[username].joinedDate).getTime()
+      const joinedAfterUs = this.weJoinedMs < memberJoinedMs
+      return joinedAfterUs && Date.now() - memberJoinedMs < 604800000 // joined less than 1w (168h) ago.
+    },
+    localizedName (username) {
+      const name = this.userDisplayName(username)
+      return username === this.ourUsername ? L('{name} (you)', { name }) : name
     }
   }
 }
@@ -134,16 +144,16 @@ export default {
 .c-name {
   margin-right: auto;
   margin-left: $spacer-sm;
+}
 
-  .is-pending & {
-    color: $text_1;
-  }
+.c-menu {
+  margin-left: 0.5rem;
 }
 
 .c-actions-content.c-content {
   top: calc(100% + #{$spacer-sm});
   left: auto;
-  min-width: 214px;
+  min-width: 13rem;
 }
 
 </style>
diff --git a/frontend/views/containers/dashboard/GroupMembersAllModal.vue b/frontend/views/containers/dashboard/GroupMembersAllModal.vue
index cfe19eaf83..bc74dc6aed 100644
--- a/frontend/views/containers/dashboard/GroupMembersAllModal.vue
+++ b/frontend/views/containers/dashboard/GroupMembersAllModal.vue
@@ -36,7 +36,7 @@ modal-base-template.has-background(ref='modal' :fullscreen='true')
         tag='ul'
       )
         li.c-search-member(
-          v-for='{username, displayName} in searchResult'
+          v-for='{username, displayName, invitedBy} in searchResult'
           :key='username'
         )
           .c-identity
@@ -48,20 +48,25 @@ modal-base-template.has-background(ref='modal' :fullscreen='true')
                 v-if='displayName'
               ) @{{ username }}
 
+              i18n.pill.is-neutral(v-if='invitedBy' data-test='pillPending') pending
+              i18n.pill.is-primary(v-else-if='isNewMember(username)' data-test='pillNew') new
+
           .c-actions
-            group-member-menu.c-action-menu(:username='username')
-
-            .c-actions-buttons.buttons
-              button.button.is-outlined.is-small(
-                @click='toMessages(username)'
-              )
-                i.icon-comment
-                i18n Send message
-              button.button.is-outlined.is-small(
-                @click='openModal("RemoveMember", { username })'
-              )
-                i.icon-times
-                i18n Remove member
+            group-members-tooltip-pending(v-if='invitedBy' :username='username')
+            template(v-else)
+              group-members-menu.c-action-menu(:username='username')
+
+              .c-actions-buttons.buttons
+                button.button.is-outlined.is-small(
+                  @click='toMessages(username)'
+                )
+                  i.icon-comment
+                  i18n Send message
+                button.button.is-outlined.is-small(
+                  @click='openModal("RemoveMember", { username })'
+                )
+                  i.icon-times
+                  i18n Remove member
 </template>
 
 <script>
@@ -72,7 +77,8 @@ import { OPEN_MODAL } from '@utils/events.js'
 import ModalBaseTemplate from '@components/modal/ModalBaseTemplate.vue'
 import Search from '@components/Search.vue'
 import AvatarUser from '@components/AvatarUser.vue'
-import GroupMemberMenu from '@containers/dashboard/GroupMemberMenu.vue'
+import GroupMembersMenu from '@containers/dashboard/GroupMembersMenu.vue'
+import GroupMembersTooltipPending from '@containers/dashboard/GroupMembersTooltipPending.vue'
 
 export default {
   name: 'GroupMembersAllModal',
@@ -80,7 +86,8 @@ export default {
     ModalBaseTemplate,
     Search,
     AvatarUser,
-    GroupMemberMenu
+    GroupMembersMenu,
+    GroupMembersTooltipPending
   },
   data () {
     return {
@@ -89,17 +96,30 @@ export default {
   },
   computed: {
     ...mapGetters([
+      'currentGroupState',
       'groupProfiles',
       'globalProfile',
-      'groupMembersCount'
+      'groupMembersCount',
+      'groupMembersPending',
+      'ourUsername'
     ]),
+    weJoinedMs () {
+      return new Date(this.currentGroupState.profiles[this.ourUsername].joinedDate).getTime()
+    },
+    allMembers () {
+      return Object.keys({ ...this.groupMembersPending, ...this.groupProfiles })
+    },
     searchResult () {
-      return Object.keys(this.groupProfiles)
+      return this.allMembers
         .map(username => {
           const inList = (n) => n.toUpperCase().indexOf(this.searchText.toUpperCase()) > -1
-          const { displayName } = this.globalProfile(username)
+          const { displayName } = this.globalProfile(username) || {}
           if (!this.searchText || inList(username) || (displayName ? inList(displayName) : false)) {
-            return { username, displayName }
+            return {
+              username,
+              displayName,
+              invitedBy: this.groupMembersPending[username]
+            }
           }
         })
         .filter(profile => profile !== undefined)
@@ -113,6 +133,13 @@ export default {
     }
   },
   methods: {
+    isNewMember (username) {
+      if (username === this.ourUsername) { return false }
+
+      const memberJoinedMs = new Date(this.currentGroupState.profiles[username].joinedDate).getTime()
+      const joinedAfterUs = this.weJoinedMs < memberJoinedMs
+      return joinedAfterUs && Date.now() - memberJoinedMs < 604800000 // joined less than 1w (168h) ago.
+    },
     openModal (modal, props) {
       sbp('okTurtles.events/emit', OPEN_MODAL, modal, props)
     },
@@ -128,6 +155,7 @@ export default {
 
 <style lang="scss" scoped>
 @import "@assets/style/_variables.scss";
+
 .c-container {
   height: 100%;
   width: 100%;
@@ -137,7 +165,7 @@ export default {
 .c-header,
 .c-container {
   @include tablet {
-    width: 38.75rem;
+    width: 50rem;
     max-width: 100%;
   }
 }
@@ -171,11 +199,15 @@ export default {
 .c-identity {
   display: flex;
   align-items: center;
+  flex-grow: 1;
 }
 
 .c-name {
-  margin-left: 1.5rem;
-  min-width: 100%;
+  margin: 0 0.5rem 0 1.5rem;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
 
 .c-display-name {
diff --git a/frontend/views/containers/dashboard/GroupMemberMenu.vue b/frontend/views/containers/dashboard/GroupMembersMenu.vue
similarity index 98%
rename from frontend/views/containers/dashboard/GroupMemberMenu.vue
rename to frontend/views/containers/dashboard/GroupMembersMenu.vue
index 6d405e11db..56c42b5d0f 100644
--- a/frontend/views/containers/dashboard/GroupMemberMenu.vue
+++ b/frontend/views/containers/dashboard/GroupMembersMenu.vue
@@ -67,5 +67,7 @@ export default {
 .c-content {
   width: 12rem;
   margin-left: -12rem;
+  top: 2rem;
+  left: auto;
 }
 </style>
diff --git a/frontend/views/containers/dashboard/GroupMembersTooltipPending.vue b/frontend/views/containers/dashboard/GroupMembersTooltipPending.vue
new file mode 100644
index 0000000000..8e480d4d7d
--- /dev/null
+++ b/frontend/views/containers/dashboard/GroupMembersTooltipPending.vue
@@ -0,0 +1,36 @@
+<template lang="pug">
+  tooltip(direction='bottom-end')
+    span.button.is-icon-small(data-test='pendingTooltip')
+      i.icon-question-circle
+    template(slot='tooltip')
+      p {{tooltipText }}
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import Tooltip from '@components/Tooltip.vue'
+import L from '@view-utils/translations.js'
+
+export default {
+  name: 'GroupMembersTooltipPending',
+  components: {
+    Tooltip
+  },
+  props: {
+    username: String
+  },
+  computed: {
+    ...mapGetters([
+      'ourUsername',
+      'groupMembersPending'
+    ]),
+    tooltipText () {
+      const invitedBy = (this.groupMembersPending[this.username] || {}).invitedBy
+
+      return this.username === this.ourUsername
+        ? L('This member did not use their invite link to join the group yet. This link should be given to them by {invitedBy} (you).', { invitedBy })
+        : L('This member did not use their invite link to join the group yet. This link should be given to them by {invitedBy}.', { invitedBy })
+    }
+  }
+}
+</script>
diff --git a/frontend/views/containers/payments/PaymentsList.vue b/frontend/views/containers/payments/PaymentsList.vue
index 76fde69626..1bf7b2a24f 100644
--- a/frontend/views/containers/payments/PaymentsList.vue
+++ b/frontend/views/containers/payments/PaymentsList.vue
@@ -29,7 +29,7 @@ table.table.table-in-card.c-payments(:class='{"is-editing": paymentsType === "ed
 
         // TODO: replace condition to indicate whether or not the payment date is < or > than the current date using payment.paymentStatusText
         i18n.c-user-month(
-          :class='index === 0 ? "has-text-1" : "pill is-danger is-small"'
+          :class='index === 0 ? "has-text-1" : "pill is-danger"'
           :args='{date: moment(payment.date).format("MMMM DD")}'
         ) Due {date}
       td.c-payments-amount(v-if='paymentsType !== "edit"')
@@ -44,7 +44,7 @@ table.table.table-in-card.c-payments(:class='{"is-editing": paymentsType === "ed
             :args='{partial_amount: `<strong class="has-text-0">${currency(20)}</strong>`, partial_total: currency(payment.amount)}'
           ) {partial_amount} out of {partial_total}
 
-          i18n.pill.is-primary.is-small Partial
+          i18n.pill.is-primary Partial
 
         strong(v-else) {{currency(payment.amount)}}
 
@@ -62,12 +62,12 @@ table.table.table-in-card.c-payments(:class='{"is-editing": paymentsType === "ed
             .button.is-icon-smaller.c-tip
               i.icon-info
 
-          i18n.pill.is-warning.is-small Not received
+          i18n.pill.is-warning Not received
 
       td
         .c-actions
-          .c-actions-month(:class='!(index !== 0 && paymentsType === "todo") ? "has-text-1" : "pill is-danger is-small"') {{ moment(payment.date).format('MMMM D') }}
-          payments-list-menu(
+          .c-actions-month(:class='!(index !== 0 && paymentsType === "todo") ? "has-text-1" : "pill is-danger"') {{ moment(payment.date).format('MMMM D') }}
+          payments-list-menu.c-actions-menu(
             v-if='paymentsType !== "edit"'
             :payment='payment'
             :paymentsType='paymentsType'
@@ -258,6 +258,11 @@ export default {
 
 .c-actions-month {
   margin-left: 0;
+  white-space: nowrap;
+}
+
+.c-actions-menu {
+  margin-left: 1rem;
 }
 
 .c-name {
diff --git a/frontend/views/pages/DesignSystem.vue b/frontend/views/pages/DesignSystem.vue
index 22d7ff5d97..85338cd480 100644
--- a/frontend/views/pages/DesignSystem.vue
+++ b/frontend/views/pages/DesignSystem.vue
@@ -495,9 +495,9 @@ page(
           th demo
         tr
           td
-            pre .pill.has-background-dark
+            pre .pill.is-neutral
           td
-            span.pill.has-background-dark Pending
+            span.pill.is-neutral Pending
 
         tr
           td
@@ -523,36 +523,6 @@ page(
           td
             span.pill.is-danger Due march 08
 
-        tr
-          td
-            pre .pill.has-background-dark.is-small
-          td
-            span.pill.has-background-dark.is-small Pending
-
-        tr
-          td
-            pre .pill.is-success.is-small
-          td
-            span.pill.is-success.is-small Payment received
-
-        tr
-          td
-            pre .pill.is-warning.is-small
-          td
-            span.pill.is-warning.is-small Not received
-
-        tr
-          td
-            pre .pill.is-primary.is-small
-          td
-            span.pill.is-primary.is-small Partial
-
-        tr
-          td
-            pre .pill.is-danger.is-small
-          td
-            span.pill.is-danger.is-small Due march 08
-
   article#user-feedback
     section.card
       h2.is-title-2.card-header Feedback Banners
diff --git a/test/cypress/integration/group-large.spec.js b/test/cypress/integration/group-large.spec.js
index 437e10d112..0e159db4f0 100644
--- a/test/cypress/integration/group-large.spec.js
+++ b/test/cypress/integration/group-large.spec.js
@@ -34,16 +34,13 @@ describe('Large group', () => {
       })
     }
 
-    cy.giLogin(`user1-${userId}`)
+    cy.giLogin(`user1-${userId}`, { bypassUI: true })
     cy.giAddRandomIncome()
     cy.get('.graph-bar')
       .should('have.length', groupLength)
-    cy.giLogout()
   })
 
   it('A search for "user1" should display 4 members', () => {
-    cy.visit('/')
-    cy.giLogin(`user1-${userId}`)
     cy.getByDT('seeAllMembers').click()
     cy.getByDT('memberCount')
       .should('contain', '12 members')
diff --git a/test/cypress/integration/group-proposals.spec.js b/test/cypress/integration/group-proposals.spec.js
index e8d210801c..852dba84f4 100644
--- a/test/cypress/integration/group-proposals.spec.js
+++ b/test/cypress/integration/group-proposals.spec.js
@@ -163,6 +163,15 @@ describe('Proposals - Add members', () => {
           cy.getByDT('sendLink').should('not.exist') // Only visible to who created the proposal
         })
       })
+
+      cy.log(`${username} is part of members list as "pending"`)
+
+      cy.getByDT('groupMembers').find('ul').within(() => {
+        cy.getByDT(`${username}-${userId}`, 'li').within(() => {
+          cy.getByDT('username').should('contain', `${username}-${userId}`)
+          cy.getByDT('pillPending').should('contain', 'pending')
+        })
+      })
     }
 
     voteForAndIsAccepted(0, 'user4')
@@ -239,7 +248,16 @@ describe('Proposals - Add members', () => {
     cy.giSignup(`user4-${userId}`, { bypassUI: true })
     cy.giAcceptGroupInvite(invitationLinks.user4, {
       isLoggedIn: true,
-      groupName
+      groupName,
+      actionBeforeLogout: () => {
+        cy.log('"New" tag does not appear for previous members')
+        cy.getByDT('groupMembers').find('ul > li')
+          .each(([member], index) => {
+            cy.get(member).within(() => {
+              cy.getByDT('pillNew').should('not.exist')
+            })
+          })
+      }
     })
   })
 
@@ -273,7 +291,7 @@ describe('Proposals - Add members', () => {
     cy.getByDT('welcomeHome').should('contain', 'Welcome to GroupIncome')
   })
 
-  it('user1 logins and sees all 5 proposals correctly and the new member', () => {
+  it('user1 logins and sees all 5 proposals correctly and the new members', () => {
     cy.giLogin(`user1-${userId}`, { bypassUI: true })
 
     // A quick checkup that each proposal state is correct.
@@ -327,7 +345,14 @@ describe('Proposals - Add members', () => {
       .each(([member], index) => {
         cy.get(member).within(() => {
           const usersMap = [1, 2, 3, 4, 6]
+
           cy.getByDT('username').should('contain', `user${usersMap[index]}-${userId}`)
+
+          if (index === 0) {
+            cy.getByDT('username').should('contain', '(you)')
+          } else {
+            cy.getByDT('pillNew').should('contain', 'new')
+          }
         })
       })