diff --git a/devserver.yml b/devserver.yml
index 96ba8e7726ada94dc2e70edf7fa17f3dba8ac113..5aded5dc6e859c7a3bee4e0f495b7b6fd331816e 100644
--- a/devserver.yml
+++ b/devserver.yml
@@ -11,5 +11,6 @@ services:
       - CORS_ALLOWED_HOSTS
       - WEBPACK_MODE=development
       - HTTP_FOLDER
+      - DEV_PORT
     volumes:
       - ./:/opt
diff --git a/webpack.config.js b/webpack.config.js
index f966fe804e543d875e4f405a379c5e93b2b6f56d..8f2a54375e34f3333d36b6d91b0ddc560308258a 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -12,6 +12,12 @@ module.exports = {
     devServer: {
       hot: true,
       watchFiles: ['src/**/*'],
+      client: {
+          logging: 'verbose',
+          overlay: true,
+          progress: true,
+          webSocketURL: 'ws://0.0.0.0:' + process.env.DEV_PORT + '/ws'
+      },
       static: [
         {
             directory: path.join(__dirname, 'public'),