diff --git a/src/axis.js b/src/axis.js
index 345cd61a27..8cec904678 100644
--- a/src/axis.js
+++ b/src/axis.js
@@ -43,8 +43,8 @@ export class AxisX {
       marginLeft,
       facetMarginTop,
       facetMarginBottom,
-      labelMarginLeft = 0,
-      labelMarginRight = 0
+      labelMarginLeft = 20,
+      labelMarginRight = 20
     }
   ) {
     const {
@@ -73,8 +73,8 @@ export class AxisX {
             .attr("fill", "currentColor")
             .attr("transform", `translate(${
                 labelAnchor === "center" ? (width + marginLeft - marginRight) / 2
-                  : labelAnchor === "right" ? width + labelMarginRight
-                  : -labelMarginLeft
+                  : labelAnchor === "right" ? width - marginRight + labelMarginRight
+                  : marginLeft - labelMarginLeft
               },${labelOffset * offsetSign})`)
             .attr("dy", axis === "top" ? "1em" : "-0.32em")
             .attr("text-anchor", labelAnchor === "center" ? "middle"
diff --git a/src/facet.js b/src/facet.js
index f42d944530..48cac5f911 100644
--- a/src/facet.js
+++ b/src/facet.js
@@ -97,7 +97,7 @@ class Facet extends Mark {
             const axis1 = axes.x, axis2 = nolabel(axis1);
             const j = axis1.labelAnchor === "right" ? domain.length - 1 : axis1.labelAnchor === "center" ? domain.length >> 1 : 0;
             const {marginLeft, marginRight} = dimensions;
-            const fxDimensions = {...dimensions, ...fxMargins, labelMarginLeft: marginLeft, labelMarginRight: marginRight};
+            const fxDimensions = {...dimensions, ...fxMargins, labelMarginLeft: marginLeft, labelMarginRight: marginRight, marginLeft: 0, marginRight: 0};
             g.selectAll()
               .data(domain)
               .join("g")
diff --git a/test/output/beckerBarley.svg b/test/output/beckerBarley.svg
index e37b23dff6..48fef5532a 100644
--- a/test/output/beckerBarley.svg
+++ b/test/output/beckerBarley.svg
@@ -47,7 +47,7 @@
     <g class="tick" opacity="1" transform="translate(550.5,0)">
       <line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">70</text>
       <path stroke="currentColor" stroke-opacity="0.1" d="M0,-750v114M0,-623v114M0,-496v114M0,-369v114M0,-242v114M0,-115v114"></path>
-    </g><text fill="currentColor" transform="translate(640,30)" dy="-0.32em" text-anchor="end">yield →</text>
+    </g><text fill="currentColor" transform="translate(570,30)" dy="-0.32em" text-anchor="end">yield →</text>
   </g>
   <g>
     <g transform="translate(0,20)">
diff --git a/test/output/penguinMassSex.svg b/test/output/penguinMassSex.svg
index 3eb5a26ba5..5684b325af 100644
--- a/test/output/penguinMassSex.svg
+++ b/test/output/penguinMassSex.svg
@@ -37,7 +37,7 @@
     </g>
     <g class="tick" opacity="1" transform="translate(570.5,0)">
       <line stroke="currentColor" y2="6"></line><text fill="currentColor" y="9" dy="0.71em">6,500</text>
-    </g><text fill="currentColor" transform="translate(640,30)" dy="-0.32em" text-anchor="end">Body mass (g) →</text>
+    </g><text fill="currentColor" transform="translate(590,30)" dy="-0.32em" text-anchor="end">Body mass (g) →</text>
   </g>
   <g>
     <g transform="translate(0,20)">