diff --git a/src/components/layout/Cashier.js b/src/components/layout/Cashier.js
index e2872d8..6dd64a2 100644
--- a/src/components/layout/Cashier.js
+++ b/src/components/layout/Cashier.js
@@ -12,12 +12,14 @@ const BITBOXSDK = require("@chris.troutner/bitbox-js");
 // initialize BITBOX
 const BITBOX = new BITBOXSDK({ restURL: "https://rest.bitcoin.com/v2/" });
 const TESTBOX = new BITBOXSDK({ restURL: "https://trest.bitcoin.com/v2/" });
-const socket = socketClient('http://192.168.1.25:3000');
+const socket = socketClient('http://' + process.env.REACT_APP_SOCKET_ADDRESS + ':' + process.env.REACT_APP_SOCKET_PORT);
 const defaultWebURL = 'https://www.meetup.com/The-Bitcoin-Bay';
 
 const styles = {
     vertical_wrapper: {
-        height: "100vh"
+        height: "100vh",
+        display: "flex",
+        alignItems: "center"
     },
 
     crypto_header: {
@@ -554,7 +556,7 @@ class Cashier extends React.Component {
   render() {
     const { classes } = this.props;
     return(
-      <div className={"valign-wrapper " + classes.vertical_wrapper}>
+      <div className={classes.vertical_wrapper}>
         <div className="container">
           { this.state.paymentListening === 0
             ? (
diff --git a/src/components/layout/Customer.js b/src/components/layout/Customer.js
index dbafb32..4faa82f 100644
--- a/src/components/layout/Customer.js
+++ b/src/components/layout/Customer.js
@@ -6,7 +6,7 @@ import bitcoinbay from '../../images/bitcoinbay.jpeg';
 
 import injectSheet from 'react-jss';
 
-const socket = socketClient('http://10.100.10.142:3000');
+const socket = socketClient('http://' + process.env.REACT_APP_SOCKET_ADDRESS + ':' + process.env.REACT_APP_SOCKET_PORT);
 // const socket = socketClient('http://localhost:5000');
 
 const defaultWebURL = 'https://www.meetup.com/The-Bitcoin-Bay';
@@ -17,7 +17,9 @@ document.head.appendChild(styleLink);
 
 const styles = {
   vertical_wrapper: {
-    height: "100vh"
+    height: "100vh",
+    display: "flex",
+    alignItems: "center"
   },
   placeholder_image: {
     width: "75%",
@@ -115,7 +117,7 @@ class Customer extends React.Component {
     const { classes } = this.props;
 
     return (
-      <div className={"valign-wrapper " + classes.vertical_wrapper}>
+      <div className={classes.vertical_wrapper}>
         <Helmet>
           <title>Customer POS Page</title>
           <meta name="description" content="CashierPOS Page" />