diff --git a/website/client/src/components/header/menu.vue b/website/client/src/components/header/menu.vue
index dcc471f41f..4a249b107e 100644
--- a/website/client/src/components/header/menu.vue
+++ b/website/client/src/components/header/menu.vue
@@ -3,6 +3,7 @@
     <creator-intro />
     <profileModal />
     <report-flag-modal />
+    <report-member-modal />
     <send-gift-modal />
     <select-user-modal />
     <b-navbar
@@ -732,6 +733,7 @@ import creatorIntro from '../creatorIntro';
 import notificationMenu from './notificationsDropdown';
 import profileModal from '../userMenu/profileModal';
 import reportFlagModal from '../chat/reportFlagModal';
+import reportMemberModal from '../members/reportMemberModal';
 import sendGiftModal from '@/components/payments/sendGiftModal';
 import selectUserModal from '@/components/payments/selectUserModal';
 import sync from '@/mixins/sync';
@@ -744,6 +746,7 @@ export default {
     notificationMenu,
     profileModal,
     reportFlagModal,
+    reportMemberModal,
     sendGiftModal,
     selectUserModal,
     userDropdown,
diff --git a/website/client/src/components/members/reportMemberModal.vue b/website/client/src/components/members/reportMemberModal.vue
new file mode 100644
index 0000000000..6e405f83d6
--- /dev/null
+++ b/website/client/src/components/members/reportMemberModal.vue
@@ -0,0 +1,149 @@
+<template>
+  <b-modal
+    id="report-profile"
+    :title="$t('reportPlayer')"
+    size="md"
+    :hide-footer="true"
+  >
+    <div slot="modal-header">
+      <h2 class="mt-2 mb-0"> {{ $t('reportPlayer') }} </h2>
+      <close-x
+        @close="close()"
+      />
+    </div>
+    <div>
+      <blockquote>
+        <strong> {{ displayName }} </strong>
+        <p class="mb-0"> {{ username }} </p>
+      </blockquote>
+      <div>
+        <strong>{{ $t('whyReportingPlayer') }}</strong>
+        <textarea
+          v-model="reportComment"
+          class="form-control"
+          :placeholder="$t('whyReportingPlayerPlaceholder')"
+        ></textarea>
+      </div>
+      <p
+        class="mb-2"
+        v-html="$t('playerReportModalBody', abuseFlagModalBody)">
+      </p>
+    </div>
+    <div class="footer text-center d-flex flex-column">
+      <button
+        class="btn btn-danger mx-auto px-3 mb-4"
+        @click="reportAbuse()"
+      >
+        {{ $t('report') }}
+      </button>
+      <a
+        class="cancel-link"
+        @click.prevent="close()"
+      >{{ $t('cancel') }}</a>
+    </div>
+  </b-modal>
+</template>
+
+<style lang="scss">
+  #report-profile {
+    .modal-header {
+      padding: 24px;
+      border-bottom: none;
+    }
+    .modal-body {
+      padding: 0px 24px 24px 24px;
+    }
+  }
+</style>
+
+<style lang="scss" scoped>
+  @import '~@/assets/scss/colors.scss';
+  strong, p {
+    line-height: 1.71;
+  }
+
+  h2 {
+    color: $maroon-100;
+  }
+
+  blockquote {
+    border-radius: 2px;
+    background-color: $gray-700;
+    padding: .5rem 1rem;
+  }
+
+  textarea {
+    margin-top: 1em;
+    margin-bottom: 1em;
+    border-radius: 2px;
+    border: solid 1px $gray-400;
+    min-height: 106px;
+  }
+
+  .footer {
+    padding: 1rem 1rem 0rem 1rem;
+  }
+</style>
+
+<script>
+import closeX from '@/components/ui/closeX';
+import notifications from '@/mixins/notifications';
+import markdownDirective from '@/directives/markdown';
+import { userStateMixin } from '../../mixins/userState';
+
+export default {
+  components: {
+    closeX,
+  },
+  directives: {
+    markdown: markdownDirective,
+  },
+  mixins: [notifications, userStateMixin],
+  data () {
+    const abuseFlagModalBody = {
+      firstLinkStart: '<a href="/static/community-guidelines" target="_blank">',
+      secondLinkStart: '<a href="/static/terms" target="_blank">',
+      linkEnd: '</a>',
+    };
+
+    return {
+      abuseFlagModalBody,
+      displayName: '',
+      username: '',
+      reportComment: '',
+    };
+  },
+  mounted () {
+    this.$root.$on('habitica::report-profile', this.handleReport);
+  },
+  beforeDestroy () {
+    this.$root.$off('habitica::report-profile', this.handleReport);
+  },
+  methods: {
+    close () {
+      this.$root.$emit('bv::hide::modal', 'report-profile');
+    },
+    async reportAbuse () {
+      this.text(this.$t('abuseReported'));
+
+      const result = await this.$store.dispatch('members:reportMember', {
+        memberId: this.memberId,
+        source: this.$route.fullPath,
+        comment: this.reportComment,
+      });
+
+      this.$root.$emit('habitica:report-profile-result', result);
+
+      this.close();
+    },
+    handleReport (data) {
+      if (!data.memberId) return;
+      this.displayName = data.displayName;
+      this.username = `@${data.username}`;
+      this.memberId = data.memberId;
+      this.reportComment = '';
+      this.$root.$emit('bv::show::modal', 'report-profile');
+    },
+  },
+};
+</script>
diff --git a/website/client/src/components/userMenu/profile.vue b/website/client/src/components/userMenu/profile.vue
index cb6baec74c..e22284ea9e 100644
--- a/website/client/src/components/userMenu/profile.vue
+++ b/website/client/src/components/userMenu/profile.vue
@@ -828,7 +828,6 @@
       }
 
       .info-item-value {
-        display: inline-block;
         float: right;
       }
     }
@@ -1322,6 +1321,13 @@ export default {
       this.isOpened = true;
       this.$emit('toggled', this.isOpened);
     },
+    reportPlayer () {
+      this.$root.$emit('habitica::report-profile', {
+        memberId: this.user._id,
+        displayName: this.user.profile.name,
+        username: this.user.auth.local.username,
+      });
+    },
   },
 };
 </script>
diff --git a/website/client/src/store/actions/members.js b/website/client/src/store/actions/members.js
index 85e44251a2..fcf18bc0d3 100644
--- a/website/client/src/store/actions/members.js
+++ b/website/client/src/store/actions/members.js
@@ -114,3 +114,13 @@ export async function getPurchaseHistory (store, payload) {
   const response = await axios.get(`${apiv4Prefix}/members/${payload.memberId}/purchase-history`);
   return response.data.data;
 }
+
+export async function reportMember (store, payload) {
+  const url = `${apiv4Prefix}/members/${payload.memberId}/flag`;
+  const data = {
+    comment: payload.comment,
+    source: payload.source,
+  };
+  const response = await axios.post(url, data);
+  return response.data.data;
+}
diff --git a/website/common/locales/en/generic.json b/website/common/locales/en/generic.json
index 88d7a400f1..843b6ed277 100644
--- a/website/common/locales/en/generic.json
+++ b/website/common/locales/en/generic.json
@@ -230,5 +230,9 @@
   "question": "Question",
   "questionDescriptionText": "It's okay to ask your questions in your primary language if you aren't comfortable speaking in English.",
   "questionPlaceholder": "Ask your question here",
-  "submitQuestion": "Submit Question"
+  "submitQuestion": "Submit Question",
+  "reportPlayer": "Report Player",
+  "whyReportingPlayer": "Why are you reporting this player?",
+  "whyReportingPlayerPlaceholder": "Reason for report",
+  "playerReportModalBody": "You should only report a player who violates the <%= firstLinkStart %>Community Guidelines<%= linkEnd %> and/or <%= secondLinkStart %>Terms of Service<%= linkEnd %>. Submitting a false report is a violation of Habitica’s Community Guidelines."
 }
diff --git a/website/server/libs/chatReporting/profileReporter.js b/website/server/libs/chatReporting/profileReporter.js
index e30f1b8099..aa56846abd 100644
--- a/website/server/libs/chatReporting/profileReporter.js
+++ b/website/server/libs/chatReporting/profileReporter.js
@@ -82,7 +82,7 @@ export default class ProfileReporter extends ChatReporter {
     return timestamp;
   }
 
-  notify (flaggedUser, comment) {
+  notify (flaggedUser, comment, source) {
     let emailVariables = this.getEmailVariables(flaggedUser);
     emailVariables = emailVariables.concat([
       { name: 'REPORTER_COMMENT', content: comment || '' },
@@ -93,7 +93,8 @@ export default class ProfileReporter extends ChatReporter {
     slack.sendProfileFlagNotification({
       reporter: this.user,
       flaggedUser,
-      comment,
+      userComment: comment,
+      source,
     });
   }
 
@@ -111,4 +112,4 @@ export default class ProfileReporter extends ChatReporter {
     }
     return flaggedUser;
   }
-}
\ No newline at end of file
+}
diff --git a/website/server/libs/slack.js b/website/server/libs/slack.js
index 71dd019217..3d8afb1eef 100644
--- a/website/server/libs/slack.js
+++ b/website/server/libs/slack.js
@@ -180,14 +180,15 @@ function sendProfileFlagNotification ({
   reporter,
   flaggedUser,
   userComment,
+  source,
 }) {
   const title = 'User Profile Report';
-  const titleLink = `${BASE_URL}/static/front/#?memberId=${flaggedUser._id}`;
-  const text = `@${reporter.auth.local.username} (${reporter._id}; language: ${reporter.preferences.language}) flagged @${flaggedUser.auth.local.username}'s profile`;
+  const titleLink = `${BASE_URL}/profile/${flaggedUser._id}`;
+  let text = `@${reporter.auth.local.username} (${reporter._id}; language: ${reporter.preferences.language}) flagged @${flaggedUser.auth.local.username}'s profile from ${source}`;
   if (userComment) {
     text += ` and commented: ${userComment}`;
   }
-  const profileData = `Bio: ${flaggedUser.profile.blurb}`;
+  let profileData = `Bio: ${flaggedUser.profile.blurb}`;
   if (flaggedUser.profile.imageUrl) {
     profileData += `\n\nImage URL: ${flaggedUser.profile.imageUrl}`;
   }