diff --git a/src/kibana/components/vislib/styles/_layout.less b/src/kibana/components/vislib/styles/_layout.less
index 3cb0c17a83f23..2a6f4f6391418 100644
--- a/src/kibana/components/vislib/styles/_layout.less
+++ b/src/kibana/components/vislib/styles/_layout.less
@@ -3,25 +3,33 @@
 .visualize-chart {
   .display(flex);
   .flex(1 1 100%);
+  min-height: 0;
+  min-width: 0;
 }
 
 .vis-wrapper {
   .display(flex);
   .flex(1 1 100%);
   .flex-direction(row);
-  margin: 10px 0 0 6px;
+  // margin: 10px 0 0 6px;
+  min-height: 0;
+  min-width: 0;
 }
 
 /* YAxis logic */
 .y-axis-col-wrapper {
   .display(flex);
   .flex-direction(column);
+  min-height: 0;
+  min-width: 0;
 }
 
 .y-axis-col {
   .display(flex);
   .flex-direction(row);
   .flex(1 0 36px);
+  min-height: 0;
+  min-width: 0;
 }
 
 .y-axis-spacer-block {
@@ -33,6 +41,7 @@
   .flex-direction(column);
   width: 38px;
   min-height: 20px;
+  min-width: 0;
 }
 
 .y-axis-div {
@@ -50,6 +59,7 @@
   .display(flex);
   .flex-direction(column);
   min-height: 14px;
+  min-width: 0;
   width: 14px;
 }
 
@@ -72,6 +82,8 @@
   .display(flex);
   .flex(1 0 20px);
   .flex-direction(column);
+  min-height: 0;
+  min-width: 0;
 }
 
 .chart-wrapper {
@@ -79,22 +91,30 @@
   .flex(1 0 20px);
   overflow: visible;
   margin: 0 5px 0 0;
+  min-height: 0;
+  min-width: 0;
 }
 
 .chart-wrapper-column {
   .display(flex);
   .flex(1 0 20px);
   .flex-direction(row);
+  min-height: 0;
+  min-width: 0;
 }
 
 .chart-wrapper-row {
   .display(flex);
   .flex-direction(column);
-  .flex(1 0 100%);
+  .flex(1 1 100%);
+  min-height: 0;
+  min-width: 0;
 }
 
 .chart {
   .flex(1 1 100%);
+  min-height: 0;
+  min-width: 0;
 
   > svg {
     display: block;
@@ -105,16 +125,21 @@
 
 .chart-row {
   .flex(1 1 auto);
+  min-height: 0;
+  min-width: 0;
 }
 
 .chart-column {
   .flex(1 1 auto);
+  min-height: 0;
+  min-width: 0;
 }
 
 .x-axis-wrapper {
   .display(flex);
   .flex-direction(column);
   min-height: 45px;
+  min-width: 0;
   overflow: visible;
 }
 
@@ -122,6 +147,7 @@
   .display(flex);
   .flex-direction(row);
   min-height: 15px;
+  min-width: 0;
 }
 
 .x-axis-chart-title {
diff --git a/src/kibana/components/vislib/styles/_legend.less b/src/kibana/components/vislib/styles/_legend.less
index d2907c487ffd3..209462c2db4de 100644
--- a/src/kibana/components/vislib/styles/_legend.less
+++ b/src/kibana/components/vislib/styles/_legend.less
@@ -6,6 +6,7 @@
   overflow-x: hidden;
   overflow-y: auto;
   min-width: 40px;
+  min-height: 0;
 
   .header {
     width: 100%;
@@ -21,6 +22,8 @@
     visibility: visible;
     .display(flex);
     .flex-direction(column);
+    min-height: 0;
+    min-width: 0;
 
     li.color {
       min-height: 22px;
diff --git a/src/kibana/plugins/visualize/editor/styles/editor.less b/src/kibana/plugins/visualize/editor/styles/editor.less
index 7c4353173fe47..9ee67100c3769 100644
--- a/src/kibana/plugins/visualize/editor/styles/editor.less
+++ b/src/kibana/plugins/visualize/editor/styles/editor.less
@@ -264,11 +264,11 @@
 
     visualize {
       .flex-parent();
-      .flex(1, 0, auto);
+      .flex(1, 1, 100%);
     }
 
     .visualize-chart {
-      .flex(1, 0, 100%);
+      .flex(1, 1, 100%);
       position: relative;
     }
   }