diff --git a/src/plots/ternary/ternary.js b/src/plots/ternary/ternary.js
index 944a8e1c433..3ddd7acffc9 100644
--- a/src/plots/ternary/ternary.js
+++ b/src/plots/ternary/ternary.js
@@ -292,6 +292,8 @@ proto.adjustLayout = function(ternaryLayout, graphSize) {
     _this.plotContainer.selectAll('.scatterlayer,.maplayer')
         .attr('transform', plotTransform);
 
+    _this.clipDefRelative.attr('transform', null);
+
     // TODO: shift axes to accommodate linewidth*sin(30) tick mark angle
 
     var bTransform = 'translate(' + x0 + ',' + (y0 + h) + ')';
@@ -616,6 +618,9 @@ proto.initInteractions = function() {
         _this.plotContainer.selectAll('.scatterlayer,.maplayer')
             .attr('transform', plotTransform);
 
+        var plotTransform2 = 'translate(' + -dx + ',' + -dy + ')';
+        _this.clipDefRelative.attr('transform', plotTransform2)
+
         // move the ticks
         _this.aaxis.range = [mins.a, _this.sum - mins.b - mins.c];
         _this.baxis.range = [_this.sum - mins.a - mins.c, mins.b];