diff --git a/.gitignore b/.gitignore
index a830bbb..195e45a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
 node_modules
 npm-debug.log
 examples/bundle.js
+yarn.lock
diff --git a/package.json b/package.json
index 065dbdd..f6febae 100644
--- a/package.json
+++ b/package.json
@@ -73,7 +73,7 @@
     "react-dom": ">=15.0.0",
     "react-dropzone": "^4.2.1",
     "react-hot-loader": "^3.1.1",
-    "react-plotly.js": "^1.0.2",
+    "react-plotly.js": "^2.0.0",
     "style-loader": "^0.19.0",
     "webpack": "^3.8.1",
     "webpack-dev-server": "^2.9.3"
diff --git a/src/PlotlyRenderers.jsx b/src/PlotlyRenderers.jsx
index a0351d2..e9a91df 100644
--- a/src/PlotlyRenderers.jsx
+++ b/src/PlotlyRenderers.jsx
@@ -70,15 +70,16 @@ function makeRenderer(
         width: window.innerWidth / 1.5,
         height: window.innerHeight / 1.4 - 50,
         /* eslint-enable no-magic-numbers */
+        xaxis: {
+          title: transpose ? fullAggName : null,
+          automargin: true,
+        },
+        yaxis: {
+          title: transpose ? null : fullAggName,
+          automargin: true,
+        },
       };
 
-      if (transpose) {
-        // eslint-disable-next-line no-magic-numbers
-        layout.xaxis = {domain: [0.1, 1.0], title: fullAggName};
-      } else {
-        layout.yaxis = {title: fullAggName};
-      }
-
       return (
         <PlotlyComponent
           data={data}