diff --git a/js/src/secureApi.js b/js/src/secureApi.js
index abc893d78..62454e7ac 100644
--- a/js/src/secureApi.js
+++ b/js/src/secureApi.js
@@ -122,7 +122,7 @@ export default class SecureApi extends Api {
   }
 
   get dappsUrl () {
-    return `http://127.0.0.1:${this._dappsPort}`;
+    return `http://${window.location.hostname}:${this._dappsPort}`;
   }
 
   get signerPort () {
diff --git a/js/src/views/Dapps/Summary/summary.js b/js/src/views/Dapps/Summary/summary.js
index a1c9f48b6..912f1495e 100644
--- a/js/src/views/Dapps/Summary/summary.js
+++ b/js/src/views/Dapps/Summary/summary.js
@@ -32,7 +32,7 @@ export default class Summary extends Component {
   }
 
   render () {
-    const { dappsPort } = this.context.api;
+    const { dappsUrl } = this.context.api;
     const { app } = this.props;
 
     if (!app) {
@@ -41,9 +41,9 @@ export default class Summary extends Component {
 
     let image = <div className={ styles.image }>&nbsp;</div>;
     if (app.type === 'local') {
-      image = <img src={ `http://127.0.0.1:${dappsPort}/${app.id}/${app.iconUrl}` } className={ styles.image } />;
+      image = <img src={ `${dappsUrl}/${app.id}/${app.iconUrl}` } className={ styles.image } />;
     } else {
-      image = <img src={ `http://127.0.0.1:${dappsPort}${app.image}` } className={ styles.image } />;
+      image = <img src={ `${dappsUrl}${app.image}` } className={ styles.image } />;
     }
 
     return (