diff --git a/assets/css/custom.css b/assets/css/custom.css
index 395990f1de75dfdb19110bf0ccaf5717aebe20a3..f49838bc0f59ea2b9c01b28a4b9734c97df7ccab 100755
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -59,10 +59,12 @@ background-color: #EEEEEE;
 }
 
 .halamanLogin{
-  width: 1000px;
-  height: 646px;
   background-size: cover;
-  background: url("../img/bw-blur.png") fixed center;
+  background: url("../img/background.png")no-repeat center center fixed;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
   padding-bottom: 80px;
 }
 
@@ -72,7 +74,7 @@ background-color: #EEEEEE;
 }
 
 .formLogin{
-  margin: 80px auto 0;
+  margin: 30px auto 0;
   width: 430px;
 }
 
diff --git a/assets/img/background.png b/assets/img/background.png
new file mode 100644
index 0000000000000000000000000000000000000000..078c73fd00f1115eb1d204a3c6d6a7cd32467a76
Binary files /dev/null and b/assets/img/background.png differ
diff --git a/assets/img/background2.png b/assets/img/background2.png
new file mode 100644
index 0000000000000000000000000000000000000000..246cb7ee4a5100da50ebe27175edd7ba43158548
Binary files /dev/null and b/assets/img/background2.png differ
diff --git a/assets/js/HomeCompany.jsx b/assets/js/HomeCompany.jsx
index d5119f15964b42f347716366da67f57640c53cac..f68dc71e8b3c2a31fb29c149e317c0701a08677c 100644
--- a/assets/js/HomeCompany.jsx
+++ b/assets/js/HomeCompany.jsx
@@ -1,10 +1,13 @@
 import React from 'react';
 import CompanyVacancy from './components/CompanyVacancy';
+import {  Segment } from 'semantic-ui-react';
 
 export default class ApplicantPage extends React.Component {
   render() {
     return (
-      <CompanyVacancy header="Software Engineer" />
+
+        <CompanyVacancy header="Software Engineer" />
+
     );
   }
 }
diff --git a/assets/js/components/CompanyVacancy.jsx b/assets/js/components/CompanyVacancy.jsx
index 57b1ad8f1bcdb4fce5aeb11c5544b6a31c8da7f6..ae843fc8995c588231808da05254eeb1c2657323 100644
--- a/assets/js/components/CompanyVacancy.jsx
+++ b/assets/js/components/CompanyVacancy.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import moment from 'moment';
-import { Button, Icon, Item } from 'semantic-ui-react';
+import { Button, Icon, Item, Segment } from 'semantic-ui-react';
 import { Link } from 'react-router';
 
 const defaultImage = 'http://semantic-ui.com/images/wireframe/image.png';
@@ -19,23 +19,29 @@ export default class ApplicantList extends React.Component {
 
   render() {
     return (
+
       <Item className="applicantItems">
         <Item.Image src={this.props.data.company.logo ? this.props.data.company.logo : defaultImage} size="small" />
 
         <Item.Content>
           <Item.Header as="a">{this.props.data.name}</Item.Header>
-          <Button color="blue" floated="right" as={Link} to={this.getLink}>
-            Ubah <Icon name="right chevron" />
-          </Button>
+          <Segment compact basic floated="right">
+            <h4> <Icon name="right checkmark box" size="large" color="green" /> Verified </h4>
+            <Button color="blue" floated="right" as={Link} to={this.getLink}>
+              Ubah <Icon name="right chevron" />
+            </Button>
+          </Segment>
+
 
           <Item.Extra>
             <h3> 105 Pendaftar </h3>
-            Ditutup {moment(moment(this.props.data.close_time)).fromNow()}
+              Ditutup {moment(moment(this.props.data.close_time)).fromNow()}
           </Item.Extra>
 
         </Item.Content>
 
       </Item>
+
     );
   }
 }
diff --git a/assets/js/components/VacancyList.jsx b/assets/js/components/VacancyList.jsx
index 5f57b21706bca3660c4e26858e1a578291a0fdce..09dc47d0e5b2cd7990105a72ea2553852343f605 100644
--- a/assets/js/components/VacancyList.jsx
+++ b/assets/js/components/VacancyList.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Item, Button, Grid } from 'semantic-ui-react';
+import { Item, Button, Grid, Segment } from 'semantic-ui-react';
 import { Link } from 'react-router';
 import Vacancy from './Vacancy';
 import CompanyVacancy from './CompanyVacancy';
@@ -84,11 +84,15 @@ export default class VacancyList extends React.Component {
   }
 
   render = () => (
+    <Segment>
     <Grid container columns="eleven" doubling>
       { this.companyHeader() }
-      <Item.Group relaxed style={{ width: '100%' }}>
-        { this.generateVacancies() }
-      </Item.Group>
+
+        <Item.Group relaxed style={{ width: '100%' }}>
+          { this.generateVacancies() }
+        </Item.Group>
+
     </Grid>
+    </Segment>
   );
 }