diff --git a/packages/client/src/components/CopyButton.vue b/packages/client/src/components/CopyButton.vue
index c19305973..8dfb5f60b 100644
--- a/packages/client/src/components/CopyButton.vue
+++ b/packages/client/src/components/CopyButton.vue
@@ -6,6 +6,7 @@
   >
     <slot />
     <b-icon
+      v-if="!hideIcon"
       :icon="copySuccessTimeout === null ? 'files' : 'check2'"
       :variant="copySuccessTimeout === null ? '' : 'success'"
     />
@@ -32,6 +33,10 @@ export default {
       type: String,
       required: true,
     },
+    hideIcon: {
+      type: Boolean,
+      default: false,
+    },
   },
   data() {
     return {
@@ -46,7 +51,9 @@ export default {
       // (Clear previous timeout to ensure multiple clicks in quick succession don't cause issues)
       clearTimeout(this.copySuccessTimeout);
       this.copySuccessTimeout = setTimeout(
-        () => { this.copySuccessTimeout = null; },
+        () => {
+          this.copySuccessTimeout = null;
+        },
         1000,
       );
     },
diff --git a/packages/client/src/components/GrantActivity.vue b/packages/client/src/components/GrantActivity.vue
index 4351e9de1..acab3b4fe 100644
--- a/packages/client/src/components/GrantActivity.vue
+++ b/packages/client/src/components/GrantActivity.vue
@@ -1,78 +1,94 @@
 <template>
-  <b-card
-    header-bg-variant="white"
-    footer-bg-variant="white"
-  >
-    <template #header>
-      <h3 class="my-2">
-        Grant Activity
-      </h3>
-    </template>
-    <div>
-      <div class="feature-text">
-        Stay up to date with this grant.
-        <b-icon
-          v-b-tooltip
-          class="ml-2"
-          title="Follow this grant to receive an email notification when others follow or leave a note."
-          icon="info-circle-fill"
-        />
-      </div>
-      <b-button
-        block
-        size="lg"
-        :variant="followBtnVariant"
-        class="mb-4"
-        data-follow-btn
-        :disabled="!followStateLoaded"
-        @click="toggleFollowState"
-      >
-        <span class="h4">
+  <div>
+    <b-card
+      header-bg-variant="white"
+      footer-bg-variant="white"
+    >
+      <template #header>
+        <h3 class="my-2">
+          Grant Activity
+        </h3>
+      </template>
+      <div>
+        <div class="feature-text">
+          Stay up to date with this grant.
           <b-icon
-            icon="check-circle-fill"
-            class="mr-2"
+            v-b-tooltip
+            class="ml-2"
+            title="Follow this grant to receive an email notification when others follow or leave a note."
+            icon="info-circle-fill"
           />
-        </span>
-        <span class="h5">
-          {{ followBtnLabel }}
-        </span>
-      </b-button>
-      <div>
-        <span
-          v-if="grantHasFollowers"
-          :class="followSummaryClass"
-          data-follow-summary
-        >{{ followSummaryText }}</span>
-        <span
-          v-if="grantHasFollowers && showNotesSummary"
-          class="mx-1"
-        >&bull;</span>
-        <span v-if="showNotesSummary">{{ notesSummaryText }}</span>
+        </div>
+        <b-button
+          block
+          size="lg"
+          :variant="followBtnVariant"
+          class="mb-4"
+          data-follow-btn
+          :disabled="!followStateLoaded"
+          @click="toggleFollowState"
+        >
+          <span class="h4">
+            <b-icon
+              icon="check-circle-fill"
+              class="mr-2"
+            />
+          </span>
+          <span class="h5">
+            {{ followBtnLabel }}
+          </span>
+        </b-button>
+        <div>
+          <b-link
+            v-if="grantHasFollowers"
+            :class="followSummaryClass"
+            data-follow-summary
+            @click="$bvModal.show('grant-followers-modal')"
+          >
+            {{ followSummaryText }}
+          </b-link>
+
+          <span
+            v-if="grantHasFollowers && showNotesSummary"
+            class="mx-1"
+          >&bull;</span>
+          <span v-if="showNotesSummary">{{ notesSummaryText }}</span>
+        </div>
       </div>
-    </div>
 
-    <template #footer>
-      <!-- Feed -->
-    </template>
-  </b-card>
+      <template #footer>
+        <!-- Feed -->
+      </template>
+    </b-card>
+
+    <!-- Modals -->
+    <GrantFollowersModal
+      :key="grantFollowersModalKey"
+      modal-id="grant-followers-modal"
+      @close="handleModalClose"
+    />
+  </div>
 </template>
 
 <script>
 import { mapActions, mapGetters } from 'vuex';
+import GrantFollowersModal from '@/components/Modals/GrantFollowers.vue';
 
 export default {
-  components: {},
+  components: {
+    GrantFollowersModal,
+  },
   data() {
     return {
       userIsFollowing: false,
       followStateLoaded: false,
       followers: [],
       notes: [],
+      grantFollowersModalKey: 0,
     };
   },
   computed: {
     ...mapGetters({
-      loggedInUser: 'users/loggedInUser',
       currentGrant: 'grants/currentGrant',
     }),
     followBtnLabel() {
@@ -158,6 +174,10 @@ export default {
       }
       await this.fetchFollowState();
     },
+    handleModalClose() {
+      // Reset modal
+      this.grantFollowersModalKey += 1;
+    },
   },
 };
 </script>
diff --git a/packages/client/src/components/Modals/GrantFollowers.spec.js b/packages/client/src/components/Modals/GrantFollowers.spec.js
new file mode 100644
index 000000000..2fe5bde53
--- /dev/null
+++ b/packages/client/src/components/Modals/GrantFollowers.spec.js
@@ -0,0 +1,90 @@
+import {
+  describe, beforeEach, it, expect, vi,
+} from 'vitest';
+import { mount, flushPromises } from '@vue/test-utils';
+import { createStore } from 'vuex';
+import GrantFollowers from '@/components/Modals/GrantFollowers.vue';
+
+const mockStore = {
+  getters: {
+    'grants/currentGrant': () => ({
+      grant_id: 55,
+    }),
+  },
+  actions: {
+    'grants/getFollowersForGrant': vi.fn(),
+  },
+};
+
+const store = createStore(mockStore);
+
+const getMockFollowers = (count, hasMoreCursor = null) => ({
+  followers: Array.from(Array(count), () => ({
+    id: Math.random(),
+    user: {
+      id: Math.random(),
+      name: 'Follower',
+      email: 'name@email',
+      team: {
+        name: 'Team',
+      },
+    },
+  })),
+  pagination: {
+    next: hasMoreCursor,
+  },
+});
+
+let wrapper;
+
+beforeEach(() => {
+  wrapper = mount(GrantFollowers, {
+    global: {
+      plugins: [store],
+    },
+    props: {
+      modalId: 'followers-modal',
+    },
+  });
+});
+
+describe('GrantFollowers.vue', () => {
+  it('should fetch the followers when loaded', async () => {
+    mockStore.actions['grants/getFollowersForGrant'].mockResolvedValue(getMockFollowers(20));
+
+    const modal = wrapper.findComponent({ name: 'b-modal' });
+    modal.trigger('show');
+
+    await flushPromises();
+
+    const followers = wrapper.findAll('[data-test-follower]');
+
+    expect(followers).toHaveLength(20);
+  });
+
+  it('should load re-fetch followers when user clicks Show More', async () => {
+    // Mock first batch of records
+    mockStore.actions['grants/getFollowersForGrant'].mockResolvedValue(getMockFollowers(20, 'id-x'));
+
+    const modal = wrapper.findComponent({ name: 'b-modal' });
+    modal.trigger('show');
+
+    await flushPromises();
+    expect(mockStore.actions['grants/getFollowersForGrant'].mock.lastCall[1].paginateFrom).toBeUndefined();
+
+    const showMoreBtn = wrapper.findComponent('[data-test-show-more-btn]');
+
+    // Mock second batch of records
+    mockStore.actions['grants/getFollowersForGrant'].mockResolvedValue(getMockFollowers(20));
+
+    showMoreBtn.trigger('click');
+
+    await flushPromises();
+    expect(mockStore.actions['grants/getFollowersForGrant'].mock.lastCall[1].paginateFrom).to.equal('id-x');
+
+    const followers = wrapper.findAll('[data-test-follower]');
+
+    expect(followers).toHaveLength(40);
+    expect(wrapper.findComponent('[data-test-show-more-btn]').exists()).to.equal(false);
+  });
+});
diff --git a/packages/client/src/components/Modals/GrantFollowers.vue b/packages/client/src/components/Modals/GrantFollowers.vue
new file mode 100644
index 000000000..4290e6264
--- /dev/null
+++ b/packages/client/src/components/Modals/GrantFollowers.vue
@@ -0,0 +1,207 @@
+<template>
+  <b-modal
+    :id="modalId"
+    title="Grant Followers"
+    footer-class="justify-content-start"
+    title-class="h3"
+    centered
+    scrollable
+    @show="handleModalOpen"
+    @hidden="$emit('close')"
+  >
+    <div v-if="loading">
+      Loading...
+    </div>
+
+    <ul class="list-unstyled">
+      <li
+        v-for="follower in formattedFollowers"
+        :key="follower.id"
+        data-test-follower
+        class="mb-3"
+      >
+        <div class="d-flex">
+          <UserAvatar
+            :user-name="follower.name"
+            size="2.5rem"
+            class="mr-2"
+          />
+          <div class="d-flex flex-grow-1">
+            <div class="follower-details flex-grow-1">
+              <div class="d-flex align-items-center">
+                <span class="font-weight-bold">{{ follower.name }}</span>
+                <span class="mx-1">&bull;</span>
+                <span class="follower-team text-muted">{{ follower.team }}</span>
+              </div>
+              <div class="follower-email text-muted">
+                {{ follower.email }}
+              </div>
+              <div class="follower-date text-muted">
+                {{ follower.dateFollowedText }}
+              </div>
+            </div>
+            <CopyButton
+              :copy-text="follower.email"
+              hide-icon
+              class="ms-auto"
+            >
+              <b-button
+                variant="outline-primary"
+                size="sm"
+              >
+                Copy Email
+              </b-button>
+            </CopyButton>
+          </div>
+        </div>
+      </li>
+    </ul>
+
+    <div
+      v-if="loadMoreVisible"
+      class="d-flex justify-content-center"
+    >
+      <b-button
+        size="sm"
+        variant="link"
+        data-test-show-more-btn
+        @click="getNextFollowers"
+      >
+        Load More
+      </b-button>
+    </div>
+
+    <template #modal-footer>
+      <CopyButton
+        :copy-text="followersEmailText"
+        hide-icon
+      >
+        <b-button
+          variant="outline-primary"
+          size="sm"
+        >
+          Copy All Emails
+        </b-button>
+      </CopyButton>
+    </template>
+  </b-modal>
+</template>
+
+<script>
+import { DateTime } from 'luxon';
+import { mapActions, mapGetters } from 'vuex';
+
+import UserAvatar from '@/components/UserAvatar.vue';
+import CopyButton from '@/components/CopyButton.vue';
+
+export default {
+  components: {
+    UserAvatar,
+    CopyButton,
+  },
+  props: {
+    modalId: {
+      type: String,
+      default: undefined,
+    },
+  },
+  emits: ['close'],
+  data() {
+    return {
+      followersLoaded: false,
+      followersNextCursor: null,
+      loading: false,
+      loadMoreVisible: false,
+      followers: [],
+    };
+  },
+  computed: {
+    ...mapGetters({
+      currentGrant: 'grants/currentGrant',
+    }),
+    formattedFollowers() {
+      return this.followers
+        .map((follower) => {
+          const { user, id, createdAt } = follower;
+
+          const createdDate = DateTime.fromISO(createdAt);
+          const today = DateTime.now().endOf('day');
+
+          let dateFollowedText = '';
+          if (createdDate.hasSame(today, 'day')) {
+            dateFollowedText = createdDate.toRelativeCalendar({ base: today, unit: 'days' });
+          } else if (createdDate > today.minus({ days: 7 })) {
+            dateFollowedText = createdDate.toRelative({ base: today, unit: 'days' });
+          } else {
+            dateFollowedText = createdDate.toFormat('MMMM d');
+          }
+
+          return {
+            id,
+            name: user.name,
+            email: user.email,
+            team: user.team.name,
+            dateFollowedText,
+          };
+        });
+    },
+    followersEmailText() {
+      return this.followers
+        .map((follower) => follower.user.email)
+        .join(', ');
+    },
+  },
+  methods: {
+    ...mapActions({
+      getFollowersForGrant: 'grants/getFollowersForGrant',
+    }),
+    handleModalOpen() {
+      if (!this.followersLoaded) {
+        this.getNextFollowers();
+      }
+    },
+    async getNextFollowers() {
+      const query = {
+        grantId: this.currentGrant.grant_id,
+        limit: 20,
+      };
+
+      if (this.followersNextCursor !== null) {
+        query.paginateFrom = this.followersNextCursor;
+      }
+      const result = await this.getFollowersForGrant(query);
+
+      this.followers = this.followers.concat(result.followers);
+      this.followersNextCursor = result.pagination.next;
+      this.followersLoaded = true;
+
+      // more to load?
+      this.loadMoreVisible = result.pagination.next !== null;
+    },
+  },
+};
+</script>
+
+<style scoped>
+.follower-details {
+  margin-top: .2rem;
+}
+
+.follower-email {
+  font-size: 0.8125rem;
+}
+
+.follower-team,
+.follower-email {
+  font-weight: 400;
+}
+
+.follower-team,
+.follower-date {
+  font-size: 0.75rem;
+}
+
+.follower-date:first-letter {
+  text-transform: capitalize;
+}
+</style>
diff --git a/packages/client/vitest.setup.ts b/packages/client/vitest.setup.ts
index 76764bb95..4bd92562f 100644
--- a/packages/client/vitest.setup.ts
+++ b/packages/client/vitest.setup.ts
@@ -42,7 +42,14 @@ const stubs = [
   'b-card-img',
   'b-card-text',
   'b-tabs',
+  'b-tooltip',
+  'router-link',
 ];
 
+const directives = {
+  'b-tooltip': true,
+};
+
 config.global.renderStubDefaultSlot = true;
 config.global.stubs = stubs;
+config.global.directives = directives;
diff --git a/packages/server/__tests__/api/utils.js b/packages/server/__tests__/api/utils.js
index 62102ab4f..e8c63676b 100644
--- a/packages/server/__tests__/api/utils.js
+++ b/packages/server/__tests__/api/utils.js
@@ -86,7 +86,10 @@ async function makeTestServer(configureAppFn = defaultConfigureApp) {
             const { port } = server.address();
             return fetch(`http://localhost:${port}${url}`, options);
         },
-        fetchApi: (url, agencyId, fetchOptions) => extraProps.fetch(`/api/organizations/${agencyId}${url}`, fetchOptions),
+        fetchApi: (url, agencyId, fetchOptions, params = {}) => {
+            const queryParams = Object.keys(params).length ? `?${new URLSearchParams(params).toString()}` : '';
+            return extraProps.fetch(`/api/organizations/${agencyId}${url}${queryParams}`, fetchOptions);
+        },
     };
 
     Object.keys(extraProps).forEach((prop) => {
diff --git a/packages/server/__tests__/lib/grants-collaboration.test.js b/packages/server/__tests__/lib/grants-collaboration.test.js
index 9ecff66ed..8bb1d1d1c 100644
--- a/packages/server/__tests__/lib/grants-collaboration.test.js
+++ b/packages/server/__tests__/lib/grants-collaboration.test.js
@@ -210,7 +210,7 @@ describe('Grants Collaboration', () => {
 
             expect(result.followers).to.have.lengthOf(1);
             expect(result.followers[0].id).to.equal(follower1.id);
-            expect(result.pagination.from).to.equal(follower1.id);
+            expect(result.pagination.next).to.equal(null);
         });
 
         it('retrieves followers for a grant with LIMIT', async () => {
@@ -219,6 +219,7 @@ describe('Grants Collaboration', () => {
             });
 
             expect(result.followers).to.have.lengthOf(1);
+            expect(result.pagination.next).to.equal(follower2.id);
         });
     });
 });
diff --git a/packages/server/src/lib/grantsCollaboration/followers.js b/packages/server/src/lib/grantsCollaboration/followers.js
index 2491dc9f7..60ed4a95f 100644
--- a/packages/server/src/lib/grantsCollaboration/followers.js
+++ b/packages/server/src/lib/grantsCollaboration/followers.js
@@ -44,7 +44,9 @@ async function getFollowerForGrant(knex, grantId, userId) {
     };
 }
 
-async function getFollowersForGrant(knex, grantId, organizationId, { beforeFollow, limit = 50 } = {}) {
+async function getFollowersForGrant(knex, grantId, organizationId, {
+    beforeFollow, limit = 50,
+} = {}) {
     const query = knex('grant_followers')
         .select(
             'grant_followers.id',
@@ -64,37 +66,44 @@ async function getFollowersForGrant(knex, grantId, organizationId, { beforeFollo
         .where('grant_followers.grant_id', grantId)
         .andWhere('tenants.id', organizationId)
         .orderBy('created_at', 'desc')
-        .limit(limit);
+        .limit(limit + 1);
 
     if (beforeFollow) {
         query.andWhere('grant_followers.id', '<', beforeFollow);
     }
 
-    const grantFollowers = await query;
+    const grantFollowersResult = await query;
+    const hasMore = grantFollowersResult.length > limit;
+
+    // remove forward looking extra
+    const grantFollowersReturn = hasMore
+        ? grantFollowersResult.slice(0, -1)
+        : grantFollowersResult;
 
     return {
-        followers: grantFollowers.map((grantFollower) => ({
-            id: grantFollower.id,
-            createdAt: grantFollower.created_at,
-            grant: {
-                id: grantFollower.grant_id,
-            },
-            user: {
-                id: grantFollower.user_id,
-                name: grantFollower.user_name,
-                email: grantFollower.user_email,
-                team: {
-                    id: grantFollower.team_id,
-                    name: grantFollower.team_name,
+        followers: grantFollowersReturn
+            .map((grantFollower) => ({
+                id: grantFollower.id,
+                createdAt: grantFollower.created_at,
+                grant: {
+                    id: grantFollower.grant_id,
                 },
-                organization: {
-                    id: grantFollower.organization_id,
-                    name: grantFollower.organizationName,
+                user: {
+                    id: grantFollower.user_id,
+                    name: grantFollower.user_name,
+                    email: grantFollower.user_email,
+                    team: {
+                        id: grantFollower.team_id,
+                        name: grantFollower.team_name,
+                    },
+                    organization: {
+                        id: grantFollower.organization_id,
+                        name: grantFollower.organizationName,
+                    },
                 },
-            },
-        })),
+            })),
         pagination: {
-            from: grantFollowers.length > 0 ? grantFollowers[grantFollowers.length - 1].id : beforeFollow,
+            next: hasMore ? grantFollowersReturn[grantFollowersReturn.length - 1].id : null,
         },
     };
 }