diff --git a/public/index.html b/public/index.html
index c204be0..b7ac7b5 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,9 +2,9 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <title>BTN</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-    <link rel="icon" type="image/png" href="/assets/images/logo-bankbtn.png" sizes="96x96" />
+    <title>KB Bukopin</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <link rel="icon" type="image/png" href="/assets/images/kb_bukopin.jpeg" sizes="96x96" />
     <style>
         body {
             visibility: hidden;
diff --git a/public/index.parcel.html b/public/index.parcel.html
index 093ba95..03a9fb5 100644
--- a/public/index.parcel.html
+++ b/public/index.parcel.html
@@ -2,9 +2,9 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <title>BTN</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-    <link rel="icon" type="image/png" href="/assets/images/logo-bankbtn.png" sizes="96x96" />
+    <title>KB Bukopin</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <link rel="icon" type="image/png" href="/assets/images/kb_bukopin.jpeg" sizes="96x96" />
     <style>
         body {
             visibility: hidden;
diff --git a/public/index.prod.html b/public/index.prod.html
index f6e0f31..e03b203 100644
--- a/public/index.prod.html
+++ b/public/index.prod.html
@@ -2,9 +2,9 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <title>BTN</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-    <link rel="icon" type="image/png" href="/assets/images/logo-bankbtn.png" sizes="96x96" />
+    <title>KB Bukopin</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <link rel="icon" type="image/png" href="/assets/images/kb_bukopin.jpeg" sizes="96x96" />
     <style>
         body {
             visibility: hidden;
diff --git a/public/index.test.html b/public/index.test.html
index c204be0..b7ac7b5 100644
--- a/public/index.test.html
+++ b/public/index.test.html
@@ -2,9 +2,9 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <title>BTN</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-    <link rel="icon" type="image/png" href="/assets/images/logo-bankbtn.png" sizes="96x96" />
+    <title>KB Bukopin</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <link rel="icon" type="image/png" href="/assets/images/kb_bukopin.jpeg" sizes="96x96" />
     <style>
         body {
             visibility: hidden;
diff --git a/src/common/pages/App/index.js b/src/common/pages/App/index.js
index 6c377cf..cfcc6ce 100644
--- a/src/common/pages/App/index.js
+++ b/src/common/pages/App/index.js
@@ -573,8 +573,8 @@ class App extends React.Component {
                 <img
                   className={classes.title}
                   style={{
-                    width: 100,
-                    height: 30
+                    width: 70,
+                    height: 40
                   }}
                   src={applicationIcon} />
               </Link>
diff --git a/src/common/pages/App/styles.js b/src/common/pages/App/styles.js
index c43efaf..fab870a 100644
--- a/src/common/pages/App/styles.js
+++ b/src/common/pages/App/styles.js
@@ -9,7 +9,7 @@ export const styles = theme => ({
         width: "100%",
         top: 0,
         zIndex: 1000,
-        backgroundColor: yellow['500'],
+        backgroundColor: '#FAAF03',
         height: '70px !important',
         padding: "8px 24px",
         borderBottom: "1px solid rgb(223, 223, 223)"
@@ -94,4 +94,4 @@ export const styles = theme => ({
       fullList: {
         width: 'auto',
       },
-});
\ No newline at end of file
+});
diff --git a/src/common/pages/RegisterNew/index.js b/src/common/pages/RegisterNew/index.js
index 58bb0b0..e37c355 100644
--- a/src/common/pages/RegisterNew/index.js
+++ b/src/common/pages/RegisterNew/index.js
@@ -129,6 +129,7 @@ class RegisterPage extends React.Component {
             });
         }
 
+      {console.log("namee", name)}
         this.setState({
             [name]: event.target.value,
         });
@@ -208,45 +209,46 @@ class RegisterPage extends React.Component {
                 no_rekening : this.state.no_rekening
             }
         };
-        this.authStore.register(data).then(res => {
-            //message.success("Please check your email to confirm your account");this.props.history.push(LINKS.LOGIN);
-            setTimeout(() => {
-                this.setState({ isLoading: false });
-              this.props.history.push(LINKS.REGISTER_COMPLETED);
-            //     this.props.history.push(LINKS.LOGIN);
-            }, 250);
-        }).catch(err => {
-            this.setState({ isLoading: false });
-
-            if (err.type === 'BodyValidationError') {
-              message.error(err.detail[0].message);
-            } else {
-              if (err.message.toLowerCase().includes('email')) {
-                this.setState({
-                  errors: {
-                    ...this.state.errors,
-                    email_exists: 'Email sudah terdaftar'
-                  }
-                })
-              } else if (err.message.toLowerCase().includes('phone number')) {
-                this.setState({
-                  errors: {
-                    ...this.state.errors,
-                    phone_exists: 'Nomer handphone sudah terdaftar'
-                  }
-                })
-              } else if (err.message.toLowerCase().includes('referal')) {
-                this.setState({
-                  errors: {
-                    ...this.state.errors,
-                    referal_not_found: 'Kode Referal Salah - Silahkan Hubungi Petugas BTN'
-                  }
-                })
-              } else {
-                message.error(err.message);
-              }
-            }
-        });
+        this.props.history.push(LINKS.VOUCHERS);
+        // this.authStore.register(data).then(res => {
+        //     //message.success("Please check your email to confirm your account");this.props.history.push(LINKS.LOGIN);
+        //     setTimeout(() => {
+        //         this.setState({ isLoading: false });
+        //       this.props.history.push(LINKS.REGISTER_COMPLETED);
+        //     //     this.props.history.push(LINKS.LOGIN);
+        //     }, 250);
+        // }).catch(err => {
+        //     this.setState({ isLoading: false });
+        //
+        //     if (err.type === 'BodyValidationError') {
+        //       message.error(err.detail[0].message);
+        //     } else {
+        //       if (err.message.toLowerCase().includes('email')) {
+        //         this.setState({
+        //           errors: {
+        //             ...this.state.errors,
+        //             email_exists: 'Email sudah terdaftar'
+        //           }
+        //         })
+        //       } else if (err.message.toLowerCase().includes('phone number')) {
+        //         this.setState({
+        //           errors: {
+        //             ...this.state.errors,
+        //             phone_exists: 'Nomer handphone sudah terdaftar'
+        //           }
+        //         })
+        //       } else if (err.message.toLowerCase().includes('referal')) {
+        //         this.setState({
+        //           errors: {
+        //             ...this.state.errors,
+        //             referal_not_found: 'Kode Referal Salah - Silahkan Hubungi Petugas BTN'
+        //           }
+        //         })
+        //       } else {
+        //         message.error(err.message);
+        //       }
+        //     }
+        // });
     };
 
     handleChangeUploadKtp = (info) => {
@@ -634,7 +636,7 @@ class RegisterPage extends React.Component {
                                     <div style={{ padding: 5, marginTop: 20 }}>
                                         <Button
                                           fullWidth
-                                          variant="contained" style={{ backgroundColor: '#ffeb3b' }} onClick={this.register}>
+                                          variant="contained" style={{ backgroundColor: '#FAAF03' }} onClick={this.register}>
                                             {this.state.isLoading ? <CircularProgress className={classes.progress} /> : "Daftar"}
                                         </Button>
 
diff --git a/src/common/pages/RegisterNew/styles.js b/src/common/pages/RegisterNew/styles.js
index ed7c2e3..e7d0552 100644
--- a/src/common/pages/RegisterNew/styles.js
+++ b/src/common/pages/RegisterNew/styles.js
@@ -4,7 +4,7 @@ export const styles = theme => ({
         flex :1,
         flexGrow : 1,
         height : "100vh",
-        backgroundColor:'#024f8e',
+        backgroundColor:'#FEFAF0',
         marginTop: '-56px',
     },
     gridContainer : {
diff --git a/src/common/pages/Transaction/ItemList/index.js b/src/common/pages/Transaction/ItemList/index.js
index f82f3e9..41ea701 100644
--- a/src/common/pages/Transaction/ItemList/index.js
+++ b/src/common/pages/Transaction/ItemList/index.js
@@ -43,7 +43,8 @@ export default class ItemList extends React.Component {
               <p className={'nameText'}>{data.item.name}</p>
               <div className={'childContainer'}>
                 <p className={'childTitle'}>Price</p>
-                <p className={'childText'}>{(+data.item_sku.price).toFixed(0)} Points</p>
+                {/*<p className={'childText'}>{(+data.price).toFixed(0)} Points</p>*/}
+                <p className={'childText'}>{data.price} Points</p>
               </div>
               <div className={'childContainer'}>
                 <p className={'childTitle'}>Voucher Code</p>
diff --git a/src/common/pages/Transaction/index.js b/src/common/pages/Transaction/index.js
index 84d02dc..28c24e1 100644
--- a/src/common/pages/Transaction/index.js
+++ b/src/common/pages/Transaction/index.js
@@ -38,13 +38,13 @@ export default class TransactionPage extends React.Component {
         transaction: {
           status: 'Transaction Success',
         },
-        price: faker.commerce.price(),
+        price: faker.commerce.price(1000, 1000000, 0, ''),
         voucher_code: `${faker.random.alphaNumeric(5).toUpperCase()} - ${faker.random.alphaNumeric(5).toUpperCase()} - ${faker.random.alphaNumeric(5).toUpperCase()} - ${faker.random.alphaNumeric(5).toUpperCase()} - ${faker.random.alphaNumeric(5).toUpperCase()}`,
       },
       {
         transaction_id: `INV/20190101/VII/X/${faker.random.alphaNumeric(6).toUpperCase()}`,
         created_at: moment(faker.date.past()).format("dddd, MMMM Do YYYY, HH:mm:ss"),
-        updated_at: moment(faker.date.past()).format("dddd, MMMM Do YYYY, HH:mm:ss"),
+        updated_at: moment(faker.date.past(5, '2020-01-01T00:00:00.000Z')).format("dddd, MMMM Do YYYY, HH:mm:ss"),
         deleted_at: null,
         item: {
           name: faker.commerce.productName(),
diff --git a/src/common/pages/Transaction/style.scss b/src/common/pages/Transaction/style.scss
index fbc58ab..6ed378c 100644
--- a/src/common/pages/Transaction/style.scss
+++ b/src/common/pages/Transaction/style.scss
@@ -6,7 +6,7 @@
   align-items: center;
 
   .parentContainer{
-    width: 40vw;
+    width: 60vw;
 
     .barContainer{
       display: flex;
diff --git a/src/common/pages/Vouchers/Checkout/style.scss b/src/common/pages/Vouchers/Checkout/style.scss
index 477240c..51ae8b2 100644
--- a/src/common/pages/Vouchers/Checkout/style.scss
+++ b/src/common/pages/Vouchers/Checkout/style.scss
@@ -1,7 +1,7 @@
 @media(min-width: 1000px){
   .imageCard{
     width: 20vw;
-    height: 25vh;
+    height: 35vh;
   }
 
   .upper-card{
diff --git a/src/common/pages/Vouchers/Payment/index.js b/src/common/pages/Vouchers/Payment/index.js
index ea9a291..dad1d61 100644
--- a/src/common/pages/Vouchers/Payment/index.js
+++ b/src/common/pages/Vouchers/Payment/index.js
@@ -110,7 +110,7 @@ export default class PaymentVouchers extends React.Component {
                 {this.props.vouchersStore.dataItems.name} - {this.props.vouchersStore.skuName}
               </h3>
               <h3 className={'item-points'}>
-                BTN Points Payment
+                KB Bukopin Payment
               </h3>
             </div>
             <img className={'image-logo'} src={image} />
diff --git a/src/common/pages/Vouchers/Payment/style.scss b/src/common/pages/Vouchers/Payment/style.scss
index a94c708..59cef6b 100644
--- a/src/common/pages/Vouchers/Payment/style.scss
+++ b/src/common/pages/Vouchers/Payment/style.scss
@@ -9,7 +9,7 @@
 @media(min-width: 1000px){
   .image-logo{
     width: 10vw;
-    height: 10vh;
+    height: 35vh;
   }
 
   .item-container{
diff --git a/src/common/pages/Vouchers/style.scss b/src/common/pages/Vouchers/style.scss
index 922ae7d..ea06e1e 100644
--- a/src/common/pages/Vouchers/style.scss
+++ b/src/common/pages/Vouchers/style.scss
@@ -8,7 +8,7 @@
   }
 
   .itemCard{
-    background-color: #eee;
+    background-color: white;
     border: #ccc 1px solid;
     width: 100%;
     display: flex;
@@ -21,7 +21,7 @@
 
   .imageCard{
     width: 120px;
-    max-height: 60px;
+    max-height: 100px;
   }
 
   .titleCard{
diff --git a/src/common/styles/style.scss b/src/common/styles/style.scss
index b8ac018..cba05ac 100644
--- a/src/common/styles/style.scss
+++ b/src/common/styles/style.scss
@@ -7,7 +7,7 @@
 
 body {
   -webkit-font-smoothing: antialiased !important;
-  background-color: #f1f5f9;
+  background-color: #FEFAF0;
   text-transform: none;
   padding-top: 56px;
   font-family: 'Montserrat', "Avenir Next W01", "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
