diff --git a/ui/dashboard/src/main/resources/application.yml b/ui/dashboard/src/main/resources/application.yml
index 03b74ab..9429562 100644
--- a/ui/dashboard/src/main/resources/application.yml
+++ b/ui/dashboard/src/main/resources/application.yml
@@ -12,6 +12,7 @@ zuul:
     account-web: /account/**
     warehouse-web: /warehouse/**
     order-web: /order/**
+  host.socket-timeout-millis: 30000
 eureka:
   client:
     service-url:
diff --git a/ui/dashboard/src/main/resources/static/index.html b/ui/dashboard/src/main/resources/static/index.html
index 5d0652c..51bdc75 100644
--- a/ui/dashboard/src/main/resources/static/index.html
+++ b/ui/dashboard/src/main/resources/static/index.html
@@ -61,7 +61,7 @@
 
 <!-- JS clients --->
 <script src="src/js/client/dispatcher/dispatcher.js"></script>
-<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
+<script src="http://d3js.org/d3.v4.min.js" charset="utf-8"></script>
 <script src="src/js/util/dagre-d3.min.js"></script>
 <script src="src/js/util/json.tables.1.0.0.js"></script>
 <script src="src/js/client/api/warehouseApi.js"></script>
diff --git a/ui/dashboard/src/main/resources/static/src/js/client/api/accountApi.js b/ui/dashboard/src/main/resources/static/src/js/client/api/accountApi.js
index 8f78b48..6c99c60 100644
--- a/ui/dashboard/src/main/resources/static/src/js/client/api/accountApi.js
+++ b/ui/dashboard/src/main/resources/static/src/js/client/api/accountApi.js
@@ -252,7 +252,7 @@ var renderAccountFlow = function (callback, accountStatus) {
     var svg = d3.select("svg"),
         svgGroup = svg.append("g"),
         inner = svg.select("g"),
-        zoom = d3.behavior.zoom().on("zoom", function () {
+        zoom = d3.zoom().on("zoom", function () {
             inner.attr("transform", "translate(" + d3.event.translate + ")" + "scale(" + d3.event.scale + ")");
         });
     render(d3.select("svg g"), g);
diff --git a/ui/dashboard/src/main/resources/static/src/js/client/api/orderApi.js b/ui/dashboard/src/main/resources/static/src/js/client/api/orderApi.js
index 5b3d065..b608bd6 100644
--- a/ui/dashboard/src/main/resources/static/src/js/client/api/orderApi.js
+++ b/ui/dashboard/src/main/resources/static/src/js/client/api/orderApi.js
@@ -362,7 +362,7 @@ var renderOrderFlow = function (callback, orderStatus) {
     var svg = d3.select("svg"),
         svgGroup = svg.append("g"),
         inner = svg.select("g"),
-        zoom = d3.behavior.zoom().on("zoom", function () {
+        zoom = d3.zoom().on("zoom", function () {
             inner.attr("transform", "translate(" + d3.event.translate + ")" + "scale(" + d3.event.scale + ")");
         });
     render(d3.select("svg g"), g);