diff --git a/src/app/app.js b/src/app/app.js
index 80feacdb..87a54127 100644
--- a/src/app/app.js
+++ b/src/app/app.js
@@ -191,7 +191,7 @@ var app = angular.module('baw',
                                });
 
                  // location config
-                 $locationProvider.html5Mode(true);
+                 //$locationProvider.html5Mode(true);
 
                  // http default configuration
                  $httpProvider.defaults.withCredentials = true;
diff --git a/src/app/d3Bindings/eventDistribution/_eventDistribution.scss b/src/app/d3Bindings/eventDistribution/_eventDistribution.scss
index 0c31ce10..ef24d4cc 100644
--- a/src/app/d3Bindings/eventDistribution/_eventDistribution.scss
+++ b/src/app/d3Bindings/eventDistribution/_eventDistribution.scss
@@ -12,7 +12,7 @@ event-distribution-overview, event-distribution-detail {
     fill: black;
 
     & * {
-      shape-rendering: crispEdges;
+      //shape-rendering: crispEdges;
     }
   }
 
diff --git a/src/app/d3Bindings/eventDistribution/distributionDetail.js b/src/app/d3Bindings/eventDistribution/distributionDetail.js
index 727ba8b0..8a7135a8 100644
--- a/src/app/d3Bindings/eventDistribution/distributionDetail.js
+++ b/src/app/d3Bindings/eventDistribution/distributionDetail.js
@@ -70,6 +70,9 @@ angular
                     updateScales();
 
                     extentUpdateMain();
+
+
+
                 }
 
                 // other functions
@@ -77,28 +80,30 @@ angular
 
 
                     createChart();
-
-                    mainClip = chart.append("defs")
+                    chart
+                        .attr("height", 0)
+                        .append("defs")
                         .append("clipPath")
-                        .attr("id", "mainClipPath" + uniqueId)
+                        .attr("id", "clip")
                         .append("rect")
                         .attr({
-                            x: 0,
-                            y: 0,
-                            width: 500,
-                            height: 200
-                        });
+                                  width: 500,
+                                  height: 200
+                              });
 
                     updateDimensions();
 
                     createMain();
 
 
+
                 }
 
                 function createChart() {
                     chart = container.append("svg")
-                        .classed("chart", true);
+                        .classed("chart", true)
+                        .attr("width", mainWidth)
+                        .attr("height", mainHeight);
 
 
                 }
@@ -119,6 +124,9 @@ angular
                 function createMain() {
                     // create main surface
                     main = chart.append("g")
+                        .attr("width", mainWidth)
+                        .attr("height", mainHeight)
+                        .classed("main", true)
                         .translate([margin.left, margin.top]);
 
                     // group for separator lines between lanes/categories
@@ -129,7 +137,7 @@ angular
 
                     // group for rects painted in lanes
                     mainItemsGroup = main.append("g")
-                        .attr("clip-path", "url(#mainClipPath" + uniqueId + ")")
+                        .attr("clip-path", "url(#clip)")
                         .classed("mainItemsGroup", true);
 
                     xAxis = new TimeAxis(main, xScale, {position: [0, mainHeight]})