update: responsive layout checkout stepper

src/common/pages/Vouchers/Checkout/index.js

@@ -114,7 +114,7 @@ export class CheckoutVouchers extends React.Component {
                 <h3 style={{color:'#FF6F00'}}>{this.props.appstate.wallet.data.point || 0} Points</h3>
               </div>
             </div>
-            <Divider style={{marginBottom:10,marginTop:10}} />
+            <Divider component={"div"} className={classes.divider} />
             <div className="row">
               <div style={{display:'flex',justifyContent:'space-between'}}>
                 <h3>Total Pembayaran Point</h3>

src/common/pages/Vouchers/Checkout/style.scss

@@ -42,6 +42,10 @@
     width: 90vw;
     margin-left: -3.5vw;
   }
+
+  .right-container{
+    margin-left: -2.5vw;
+  }
 }
 
 .checkout-parent{