diff --git a/assets/js/components/ApplicantList.jsx b/assets/js/components/ApplicantList.jsx
index ad542fc63cf811a403fac4c02eb0d6517a7ae49a..04ec65b1f5854bb136c7a727d0f8962506c63396 100644
--- a/assets/js/components/ApplicantList.jsx
+++ b/assets/js/components/ApplicantList.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Item, Grid } from 'semantic-ui-react';
+import { Item, Grid, Container } from 'semantic-ui-react';
 import Applicant from './Applicant';
 
 export default class ApplicantList extends React.Component {
@@ -33,6 +33,17 @@ export default class ApplicantList extends React.Component {
   }
 
   generateApplicants() {
+    if (this.state.applications.length == 0){
+      return (
+        <Item className="applicantItems">
+          <Grid.Row>
+            <Container textAlign="center">
+              <p>Tidak ada pelamar<br /></p>
+            </Container>
+          </Grid.Row>
+        </Item>
+      );
+    }
     return this.state.applications.map(application =>
       application.status === this.props.status && (<Applicant
         key={application.id} data={application}