diff --git a/src/actions/challengeSubmissions.js b/src/actions/challengeSubmissions.js
index b060c19f..c2122209 100644
--- a/src/actions/challengeSubmissions.js
+++ b/src/actions/challengeSubmissions.js
@@ -2,12 +2,12 @@ import { fetchSubmissions } from '../services/challenges'
 
 import { LOAD_CHALLENGE_SUBMISSIONS } from '../config/constants'
 
-export function loadSubmissions (challengeId) {
-  return dispatch => {
+export function loadSubmissions (challengeId, page) {
+  return (dispatch) => {
     if (challengeId) {
       dispatch({
         type: LOAD_CHALLENGE_SUBMISSIONS,
-        payload: fetchSubmissions(challengeId)
+        payload: fetchSubmissions(challengeId, page)
       })
     }
   }
diff --git a/src/components/ChallengeEditor/ChallengeViewTabs/index.js b/src/components/ChallengeEditor/ChallengeViewTabs/index.js
index 84ee5676..9c7d301f 100644
--- a/src/components/ChallengeEditor/ChallengeViewTabs/index.js
+++ b/src/components/ChallengeEditor/ChallengeViewTabs/index.js
@@ -55,7 +55,11 @@ const ChallengeViewTabs = ({
   loggedInUser,
   onApproveChallenge,
   createResource,
-  deleteResource
+  deleteResource,
+  loadSubmissions,
+  totalSubmissions,
+  submissionsPerPage,
+  page
 }) => {
   const [selectedTab, setSelectedTab] = useState(0)
   const [showAddResourceModal, setShowAddResourceModal] = useState(false)
@@ -114,7 +118,7 @@ const ChallengeViewTabs = ({
       })
       return s
     })
-  }, [challengeSubmissions, allResources])
+  }, [challengeSubmissions, allResources, page])
 
   const isTask = _.get(challenge, 'task.isTask', false)
 
@@ -298,7 +302,7 @@ const ChallengeViewTabs = ({
         >
           RESOURCES
         </a>
-        {challengeSubmissions.length ? (
+        {totalSubmissions ? (
           <a
             tabIndex='2'
             role='tab'
@@ -311,7 +315,7 @@ const ChallengeViewTabs = ({
             }}
             className={getSelectorStyle(selectedTab, 2)}
           >
-            SUBMISSIONS ({submissions.length})
+            SUBMISSIONS ({totalSubmissions})
           </a>
         ) : null}
       </div>
@@ -353,6 +357,10 @@ const ChallengeViewTabs = ({
           submissions={submissions}
           token={token}
           loggedInUserResource={loggedInUserResource}
+          loadSubmissions={loadSubmissions}
+          totalSubmissions={totalSubmissions}
+          submissionsPerPage={submissionsPerPage}
+          page={page}
         />
       )}
       {showAddResourceModal ? (<ResourcesAdd
@@ -396,7 +404,11 @@ ChallengeViewTabs.propTypes = {
   deleteResource: PropTypes.func.isRequired,
   showRejectChallengeModal: PropTypes.func.isRequired,
   loggedInUser: PropTypes.object.isRequired,
-  onApproveChallenge: PropTypes.func
+  onApproveChallenge: PropTypes.func,
+  loadSubmissions: PropTypes.func,
+  totalSubmissions: PropTypes.number,
+  submissionsPerPage: PropTypes.number,
+  page: PropTypes.number
 }
 
 export default ChallengeViewTabs
diff --git a/src/components/ChallengeEditor/Submissions/Submissions.module.scss b/src/components/ChallengeEditor/Submissions/Submissions.module.scss
index e065b410..966452fc 100644
--- a/src/components/ChallengeEditor/Submissions/Submissions.module.scss
+++ b/src/components/ChallengeEditor/Submissions/Submissions.module.scss
@@ -401,3 +401,25 @@ $base-unit: 5px;
     overflow: hidden;
   }
 }
+
+.paginationWrapper {
+  display: flex;
+  margin-top: 30px;
+  flex: 1;
+  justify-content: center;
+}
+
+.footer {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 30px;
+}
+
+.perPageContainer {
+  margin-right: 20px;
+  max-width: 150px;
+}
+
+.paginationContainer {
+  display: flex;
+}
diff --git a/src/components/ChallengeEditor/Submissions/index.js b/src/components/ChallengeEditor/Submissions/index.js
index bfb29c91..e3b71051 100644
--- a/src/components/ChallengeEditor/Submissions/index.js
+++ b/src/components/ChallengeEditor/Submissions/index.js
@@ -7,16 +7,13 @@ import React from 'react'
 import PT from 'prop-types'
 import moment from 'moment'
 import _ from 'lodash'
-import { STUDIO_URL, SUBMISSION_REVIEW_APP_URL, getTCMemberURL } from '../../../config/constants'
+import { PAGINATION_PER_PAGE_OPTIONS, STUDIO_URL, SUBMISSION_REVIEW_APP_URL, getTCMemberURL } from '../../../config/constants'
 import { PrimaryButton } from '../../Buttons'
 import AlertModal from '../../Modal/AlertModal'
 import cn from 'classnames'
 import ReactSVG from 'react-svg'
 import {
   getRatingLevel,
-  sortList,
-  getProvisionalScore,
-  getFinalScore,
   checkDownloadSubmissionRoles,
   checkAdmin
 } from '../../../util/tc'
@@ -32,8 +29,9 @@ import modalStyles from '../../../styles/modal.module.scss'
 import { ArtifactsListModal } from '../ArtifactsListModal'
 import Tooltip from '../../Tooltip'
 import { RatingsListModal } from '../RatingsListModal'
+import Select from '../../Select'
+import Pagination from 'react-js-pagination'
 const assets = require.context('../../../assets/images', false, /svg/)
-const ArrowDown = './arrow-down.svg'
 const Lock = './lock.svg'
 const Download = './IconSquareDownload.svg'
 const DownloadArtifact = './IconDownloadArtifacts.svg'
@@ -53,161 +51,21 @@ class SubmissionsComponent extends React.Component {
       },
       isShowInformation: false,
       memberOfModal: '',
-      sortedSubmissions: [],
+      submissions: [],
       downloadingAll: false,
       alertMessage: '',
       selectedSubmissionId: '',
       showArtifactsListModal: false,
       showRatingsListModal: false
     }
-    this.getSubmissionsSortParam = this.getSubmissionsSortParam.bind(this)
-    this.updateSortedSubmissions = this.updateSortedSubmissions.bind(this)
-    this.sortSubmissions = this.sortSubmissions.bind(this)
-    this.onSortChange = this.onSortChange.bind(this)
     this.checkIsReviewPhaseComplete = this.checkIsReviewPhaseComplete.bind(
       this
     )
     this.downloadSubmission = this.downloadSubmission.bind(this)
+    this.handlePageChange = this.handlePageChange.bind(this)
+    this.handlePerPageChange = this.handlePerPageChange.bind(this)
   }
 
-  componentDidMount () {
-    this.updateSortedSubmissions()
-  }
-
-  /**
-   * Get submission sort parameter
-   */
-  getSubmissionsSortParam () {
-    const { submissionsSort } = this.state
-    let { field, sort } = submissionsSort
-    if (!field) {
-      field = 'Submission Date' // default field for submission sorting
-    }
-
-    if (!sort) {
-      sort = 'asc' // default order for submission sorting
-    }
-
-    return {
-      field,
-      sort
-    }
-  }
-
-  /**
-   * Update sorted submission array
-   */
-  updateSortedSubmissions () {
-    const { submissions } = this.props
-    const sortedSubmissions = _.cloneDeep(submissions)
-    this.sortSubmissions(sortedSubmissions)
-    this.setState({ sortedSubmissions })
-  }
-
-  /**
-   * Sort array of submission
-   * @param {Array} submissions array of submission
-   */
-  sortSubmissions (submissions) {
-    const { field, sort } = this.getSubmissionsSortParam()
-    let isHaveFinalScore = false
-    if (field === 'Initial / Final Score') {
-      isHaveFinalScore = _.some(
-        submissions,
-        s => !_.isNil(s.reviewSummation && s.reviewSummation[0].aggregateScore)
-      )
-    }
-    return sortList(submissions, field, sort, (a, b) => {
-      let valueA = 0
-      let valueB = 0
-      let valueIsString = false
-      switch (field) {
-        case 'Country': {
-          valueA = a.registrant ? a.registrant.countryCode : ''
-          valueB = b.registrant ? b.registrant.countryCode : ''
-          valueIsString = true
-          break
-        }
-        case 'Rating': {
-          valueA = a.registrant ? a.registrant.rating : 0
-          valueB = b.registrant ? b.registrant.rating : 0
-          break
-        }
-        case 'Username': {
-          valueA = _.get(a.registrant, 'memberHandle', '').toLowerCase()
-          valueB = _.get(b.registrant, 'memberHandle', '').toLowerCase()
-          valueIsString = true
-          break
-        }
-        case 'Email': {
-          valueA = _.get(a.registrant, 'email', '').toLowerCase()
-          valueB = _.get(b.registrant, 'email', '').toLowerCase()
-          valueIsString = true
-          break
-        }
-        case 'Time':
-          valueA = new Date(a.submissions && a.submissions[0].submissionTime)
-          valueB = new Date(b.submissions && b.submissions[0].submissionTime)
-          break
-        case 'Submission Date': {
-          valueA = new Date(a.created)
-          valueB = new Date(b.created)
-          break
-        }
-        case 'Initial / Final Score': {
-          if (isHaveFinalScore) {
-            valueA = getFinalScore(a)
-            valueB = getFinalScore(b)
-          } else {
-            valueA = !_.isEmpty(a.review) && a.review[0].score
-            valueB = !_.isEmpty(b.review) && b.review[0].score
-          }
-          break
-        }
-        case 'Final Rank': {
-          if (this.checkIsReviewPhaseComplete()) {
-            valueA = a.finalRank ? a.finalRank : 0
-            valueB = b.finalRank ? b.finalRank : 0
-          }
-          break
-        }
-        case 'Provisional Rank': {
-          valueA = a.provisionalRank ? a.provisionalRank : 0
-          valueB = b.provisionalRank ? b.provisionalRank : 0
-          break
-        }
-        case 'Final Score': {
-          valueA = getFinalScore(a)
-          valueB = getFinalScore(b)
-          break
-        }
-        case 'Provisional Score': {
-          valueA = getProvisionalScore(a)
-          valueB = getProvisionalScore(b)
-          break
-        }
-        default:
-      }
-
-      if (valueIsString === false) {
-        if (valueA === '-') valueA = 0
-        if (valueB === '-') valueB = 0
-      }
-
-      return {
-        valueA,
-        valueB,
-        valueIsString
-      }
-    })
-  }
-
-  onSortChange (sort) {
-    this.setState({
-      submissionsSort: sort
-    })
-    this.updateSortedSubmissions()
-  }
   /**
    * Check if review phase complete
    */
@@ -267,17 +125,58 @@ class SubmissionsComponent extends React.Component {
       })
   }
 
+  /**
+   * Update filter for getting project by pagination
+   * @param {Number} perPageNumber per page number
+   */
+  handlePerPageChange (option) {
+    const perPageNumber = option.value
+    const {
+      submissionsPerPage,
+      loadSubmissions,
+      challenge: {
+        id
+      }
+    } = this.props
+
+    if (submissionsPerPage !== perPageNumber) {
+      loadSubmissions(id, {
+        page: 1,
+        perPage: perPageNumber
+      })
+    }
+  }
+
+  /**
+   * Update filter for getting project by pagination
+   * @param {Number} pageNumber page number
+   */
+  async handlePageChange (pageNumber) {
+    const {
+      page,
+      submissionsPerPage,
+      loadSubmissions,
+      challenge: {
+        id
+      }
+    } = this.props
+
+    if (page !== pageNumber) {
+      loadSubmissions(id, {
+        page: pageNumber,
+        perPage: submissionsPerPage
+      })
+    }
+  }
+
   render () {
-    const { challenge, token, loggedInUserResource } = this.props
+    const { challenge, token, loggedInUserResource, page, submissionsPerPage, totalSubmissions, submissions } = this.props
     const { checkpoints, track, type, tags } = challenge
     const canDownloadSubmission =
       (loggedInUserResource && checkDownloadSubmissionRoles(loggedInUserResource.roles)) ||
       checkAdmin(token)
 
-    const { field, sort } = this.getSubmissionsSortParam()
-    const revertSort = sort === 'desc' ? 'asc' : 'desc'
-
-    const { sortedSubmissions, downloadingAll, alertMessage } = this.state
+    const { downloadingAll, alertMessage } = this.state
 
     const renderSubmission = s => (
       <div className={styles.submission} key={s.id}>
@@ -319,7 +218,7 @@ class SubmissionsComponent extends React.Component {
     const isBugHunt = _.includes(tags, 'Bug Hunt')
 
     // copy colorStyle from registrants to submissions
-    _.forEach(sortedSubmissions, s => {
+    _.forEach(submissions, s => {
       if (s.registrant && s.registrant.colorStyle && !s.colorStyle) {
         const { colorStyle } = s.registrant
         /* eslint-disable no-param-reassign */
@@ -344,7 +243,7 @@ class SubmissionsComponent extends React.Component {
           <div className={cn(styles.container, styles.view)}>
             <div className={styles['title']}>ROUND 2 (FINAL) SUBMISSIONS</div>
             <div className={styles['content']}>
-              {sortedSubmissions.map(renderSubmission)}
+              {submissions.map(renderSubmission)}
             </div>
             {checkpoints.length > 0 && (
               <div className={styles['title']}>
@@ -388,117 +287,20 @@ class SubmissionsComponent extends React.Component {
                 <tr>
                   {!isF2F && !isBugHunt && (
                     <th>
-                      <button
-                        type='button'
-                        onClick={() => {
-                          this.onSortChange({
-                            field: 'Rating',
-                            sort: field === 'Rating' ? revertSort : 'desc'
-                          })
-                        }}
-                        className={cn(styles['col-2Table'], styles['header-sort'])}
-                      >
-                        <span>Rating</span>
-                        <div
-                          className={cn(styles['col-arrow'], {
-                            [styles['col-arrow-sort-asc']]:
-                              field === 'Rating' && sort === 'asc',
-                            [styles['col-arrow-is-sorting']]: field === 'Rating'
-                          })}
-                        >
-                          <ReactSVG path={assets(`${ArrowDown}`)} />
-                        </div>
-                      </button>
+                      <span>Rating</span>
                     </th>
                   )}
                   <th>
-                    <button
-                      type='button'
-                      onClick={() => {
-                        this.onSortChange({
-                          field: 'Username',
-                          sort: field === 'Username' ? revertSort : 'desc'
-                        })
-                      }}
-                      className={cn(styles['col-3Table'], styles['header-sort'])}
-                    >
-                      <span>Username</span>
-                      <div
-                        className={cn(styles['col-arrow'], {
-                          [styles['col-arrow-sort-asc']]: field === 'Username' && sort === 'asc',
-                          [styles['col-arrow-is-sorting']]: field === 'Username'
-                        })}
-                      >
-                        <ReactSVG path={assets(`${ArrowDown}`)} />
-                      </div>
-                    </button>
+                    <span>Username</span>
                   </th>
                   <th>
-                    <button
-                      type='button'
-                      onClick={() => {
-                        this.onSortChange({
-                          field: 'Email',
-                          sort: field === 'Email' ? revertSort : 'desc'
-                        })
-                      }}
-                      className={cn(styles['col-9Table'], styles['header-sort'])}
-                    >
-                      <span>Email</span>
-                      <div
-                        className={cn(styles['col-arrow'], {
-                          [styles['col-arrow-sort-asc']]: field === 'Email' && sort === 'asc',
-                          [styles['col-arrow-is-sorting']]: field === 'Email'
-                        })}
-                      >
-                        <ReactSVG path={assets(`${ArrowDown}`)} />
-                      </div>
-                    </button>
+                    <span>Email</span>
                   </th>
                   <th>
-                    <button
-                      type='button'
-                      onClick={() => {
-                        this.onSortChange({
-                          field: 'Submission Date',
-                          sort: field === 'Submission Date' ? revertSort : 'desc'
-                        })
-                      }}
-                      className={cn(styles['col-4Table'], styles['header-sort'])}
-                    >
-                      <span>Submission Date</span>
-                      <div
-                        className={cn(styles['col-arrow'], {
-                          [styles['col-arrow-sort-asc']]: field === 'Submission Date' && sort === 'asc',
-                          [styles['col-arrow-is-sorting']]: field === 'Submission Date'
-                        })}
-                      >
-                        <ReactSVG path={assets(`${ArrowDown}`)} />
-                      </div>
-                    </button>
+                    <span>Submission Date</span>
                   </th>
                   <th>
-                    <button
-                      type='button'
-                      onClick={() => {
-                        this.onSortChange({
-                          field: 'Initial / Final Score',
-                          sort: field === 'Initial / Final Score' ? revertSort : 'desc'
-                        })
-                      }}
-                      className={cn(styles['col-5Table'], styles['header-sort'])}
-                    >
-                      <span>Initial / Final Score</span>
-                      <div
-                        className={cn('col-arrow', {
-                          'col-arrow-sort-asc':
-                            field === 'Initial / Final Score' && sort === 'asc',
-                          'col-arrow-is-sorting': field === 'Initial / Final Score'
-                        })}
-                      >
-                        <ReactSVG path={assets(`${ArrowDown}`)} />
-                      </div>
-                    </button>
+                    <span>Initial / Final Score</span>
                   </th>
                   <th
                     className={cn(styles['col-6Table'])}
@@ -518,7 +320,7 @@ class SubmissionsComponent extends React.Component {
                 </tr>
               </thead>
               <tbody>
-                {sortedSubmissions.map(s => {
+                {submissions.map(s => {
                   const rating = s.registrant && !_.isNil(s.registrant.rating)
                     ? s.registrant.rating
                     : '-'
@@ -679,7 +481,7 @@ class SubmissionsComponent extends React.Component {
                   const allFiles = []
                   let downloadedFile = 0
                   const checkToCompressFiles = () => {
-                    if (downloadedFile === sortedSubmissions.length) {
+                    if (downloadedFile === submissions.length) {
                       if (downloadedFile > 0) {
                         compressFiles(allFiles, 'all-submissions.zip', () => {
                           this.setState({
@@ -694,7 +496,7 @@ class SubmissionsComponent extends React.Component {
                     }
                   }
                   checkToCompressFiles()
-                  _.forEach(sortedSubmissions, (submission) => {
+                  _.forEach(submissions, (submission) => {
                     let fileName = submission.legacySubmissionId
                     if (!fileName) {
                       fileName = submission.id
@@ -721,6 +523,30 @@ class SubmissionsComponent extends React.Component {
           </div>) : null}
         </div>
 
+        <div className={styles.paginationWrapper}>
+          <div className={styles.perPageContainer}>
+            <Select
+              styles={styles}
+              name='perPage'
+              value={{ label: submissionsPerPage, value: submissionsPerPage }}
+              placeholder='Per page'
+              options={PAGINATION_PER_PAGE_OPTIONS}
+              onChange={this.handlePerPageChange}
+            />
+          </div>
+          <div className={styles.paginationContainer}>
+            <Pagination
+              activePage={page}
+              itemsCountPerPage={submissionsPerPage}
+              totalItemsCount={totalSubmissions}
+              pageRangeDisplayed={5}
+              onChange={this.handlePageChange}
+              itemClass='page-item'
+              linkClass='page-link'
+            />
+          </div>
+        </div>
+
         {alertMessage ? (
           <AlertModal
             title=''
@@ -759,7 +585,11 @@ SubmissionsComponent.propTypes = {
   }).isRequired,
   submissions: PT.arrayOf(PT.shape()),
   token: PT.string,
-  loggedInUserResource: PT.any
+  loggedInUserResource: PT.any,
+  page: PT.number,
+  submissionsPerPage: PT.number,
+  totalSubmissions: PT.number,
+  loadSubmissions: PT.func
 }
 
 export default SubmissionsComponent
diff --git a/src/containers/ChallengeEditor/index.js b/src/containers/ChallengeEditor/index.js
index 2f55d3b5..dffcc934 100644
--- a/src/containers/ChallengeEditor/index.js
+++ b/src/containers/ChallengeEditor/index.js
@@ -62,7 +62,8 @@ class ChallengeEditor extends Component {
       showLaunchModal: false,
       showRejectModal: false,
       cancelReason: null,
-      loginUserRoleInProject: ''
+      loginUserRoleInProject: '',
+      submissionsListPage: 1
     }
 
     this.onLaunchChallenge = this.onLaunchChallenge.bind(this)
@@ -95,7 +96,8 @@ class ChallengeEditor extends Component {
       loadResourceRoles,
       loadSubmissions,
       loadChallengeDetails,
-      loadResources
+      loadResources,
+      submissionsPerPage
     } = this.props
     loadTimelineTemplates()
     loadChallengePhases()
@@ -109,7 +111,8 @@ class ChallengeEditor extends Component {
       match,
       loadChallengeDetails,
       loadResources,
-      loadSubmissions
+      loadSubmissions,
+      submissionsPerPage
     )
     // this.unlisten = this.props.history.listen(() => {
     //   const { isLoading } = this.props
@@ -160,12 +163,16 @@ class ChallengeEditor extends Component {
     newMatch,
     loadChallengeDetails,
     loadResources,
-    loadSubmissions
+    loadSubmissions,
+    submissionsPerPage
   ) {
     let projectId = _.get(newMatch.params, 'projectId', null)
     projectId = projectId ? parseInt(projectId) : null
     const challengeId = _.get(newMatch.params, 'challengeId', null)
-    await [loadResources(challengeId), loadSubmissions(challengeId)]
+    await [loadResources(challengeId), loadSubmissions(challengeId, {
+      page: 1,
+      perPage: submissionsPerPage
+    })]
 
     loadChallengeDetails(projectId, challengeId)
     if (!challengeId) {
@@ -423,7 +430,11 @@ class ChallengeEditor extends Component {
       isProjectPhasesLoading,
       showRejectChallengeModal,
       createResource,
-      deleteResource
+      deleteResource,
+      totalSubmissions,
+      submissionsPerPage,
+      page,
+      loadSubmissions
       // members
     } = this.props
     const {
@@ -623,6 +634,10 @@ class ChallengeEditor extends Component {
               onApproveChallenge={this.onApproveChallenge}
               createResource={createResource}
               deleteResource={deleteResource}
+              loadSubmissions={loadSubmissions}
+              totalSubmissions={totalSubmissions}
+              submissionsPerPage={submissionsPerPage}
+              page={page}
             />
           )}
         />
@@ -680,13 +695,16 @@ ChallengeEditor.propTypes = {
   loadProject: PropTypes.func,
   projectPhases: PropTypes.arrayOf(PropTypes.object),
   isProjectPhasesLoading: PropTypes.bool,
-  showRejectChallengeModal: PropTypes.func
+  showRejectChallengeModal: PropTypes.func,
+  totalSubmissions: PropTypes.number,
+  submissionsPerPage: PropTypes.number,
+  page: PropTypes.number
   // members: PropTypes.arrayOf(PropTypes.shape())
 }
 
 const mapStateToProps = ({
   projects,
-  challengeSubmissions: { challengeSubmissions },
+  challengeSubmissions: { challengeSubmissions, totalSubmissions, submissionsPerPage, page },
   challenges: {
     challengeDetails,
     challengeResources,
@@ -715,7 +733,10 @@ const mapStateToProps = ({
     token: auth.token,
     loggedInUser: auth.user,
     failedToLoad,
-    errorMessage
+    errorMessage,
+    totalSubmissions,
+    submissionsPerPage,
+    page
     // members
   })
 }
diff --git a/src/reducers/challengeSubmissions.js b/src/reducers/challengeSubmissions.js
index 389c10a4..ab70bda7 100644
--- a/src/reducers/challengeSubmissions.js
+++ b/src/reducers/challengeSubmissions.js
@@ -11,7 +11,10 @@ const initialState = {
   isLoading: true,
   loadingId: null,
   challengeId: null,
-  challengeSubmissions: []
+  challengeSubmissions: [],
+  totalSubmissions: 0,
+  submissionsPerPage: 10,
+  page: 1
 }
 
 export default function (state = initialState, action) {
@@ -19,10 +22,13 @@ export default function (state = initialState, action) {
     case LOAD_CHALLENGE_SUBMISSIONS_SUCCESS:
       return {
         ...state,
-        challengeSubmissions: action.payload,
+        challengeSubmissions: action.payload.data,
         isLoading: false,
         loadingId: null,
-        challengeId: state.loadingId
+        challengeId: state.loadingId,
+        totalSubmissions: action.payload.headers['x-total'],
+        page: action.payload.page,
+        submissionsPerPage: action.payload.perPage
       }
     case LOAD_CHALLENGE_SUBMISSIONS_PENDING:
       return {
@@ -30,7 +36,8 @@ export default function (state = initialState, action) {
         isLoading: true,
         loadingId: action.challengeId,
         challengeId: null,
-        challengeSubmissions: []
+        challengeSubmissions: [],
+        totalPages: 0
       }
     case LOAD_CHALLENGE_SUBMISSIONS_FAILURE:
       return {
@@ -38,7 +45,8 @@ export default function (state = initialState, action) {
         isLoading: false,
         loadingId: null,
         challengeId: null,
-        challengeSubmissions: []
+        challengeSubmissions: [],
+        totalPages: 0
       }
     default:
       return state
diff --git a/src/services/challenges.js b/src/services/challenges.js
index f3c441c7..3d8ac11e 100644
--- a/src/services/challenges.js
+++ b/src/services/challenges.js
@@ -263,9 +263,15 @@ export async function fetchResources (challengeId) {
 * @param challengeId Challenge id
 * @returns {Promise<*>}
 */
-export async function fetchSubmissions (challengeId) {
-  const response = await axiosInstance.get(`${SUBMISSIONS_API_URL}?challengeId=${challengeId}&perPage=100`)
-  return _.get(response, 'data', [])
+export async function fetchSubmissions (challengeId, pageObj) {
+  const { page, perPage } = pageObj
+  const response = await axiosInstance.get(`${SUBMISSIONS_API_URL}?challengeId=${challengeId}&perPage=${perPage}&page=${page}`)
+  return {
+    data: _.get(response, 'data', []),
+    headers: _.get(response, 'headers', {}),
+    page,
+    perPage
+  }
 }
 
 export async function getReviewTypes () {