diff --git a/src/plots/cartesian/axes.js b/src/plots/cartesian/axes.js
index 094774715a0..dab9a3ce4e7 100644
--- a/src/plots/cartesian/axes.js
+++ b/src/plots/cartesian/axes.js
@@ -2440,8 +2440,17 @@ axes.drawTicks = function(gd, ax, opts) {
 
     var cls = ax._id + 'tick';
 
+    var vals = opts.vals;
+    if(
+        ax.ticklabelmode === 'period'
+    ) {
+        // drop very first tick that we added to handle period
+        vals = vals.slice();
+        vals.shift();
+    }
+
     var ticks = opts.layer.selectAll('path.' + cls)
-        .data(ax.ticks ? opts.vals : [], tickDataFn);
+        .data(ax.ticks ? vals : [], tickDataFn);
 
     ticks.exit().remove();
 
diff --git a/test/image/baselines/date_axes_period2.png b/test/image/baselines/date_axes_period2.png
index 3cd2b32722d..b5ba6f837c6 100644
Binary files a/test/image/baselines/date_axes_period2.png and b/test/image/baselines/date_axes_period2.png differ
diff --git a/test/image/mocks/date_axes_period2.json b/test/image/mocks/date_axes_period2.json
index 7bc134ea75e..a1f3fbcc05b 100644
--- a/test/image/mocks/date_axes_period2.json
+++ b/test/image/mocks/date_axes_period2.json
@@ -130,6 +130,8 @@
             ]
         },
         "xaxis": {
+            "tickcolor": "black",
+            "gridcolor": "orange",
             "range": [
                 "2019-12-24",
                 "2020-01-06"
@@ -138,6 +140,8 @@
             "tickformat": "%b %d, %Y"
         },
         "xaxis2": {
+            "tickcolor": "black",
+            "gridcolor": "orange",
             "range": [
                 "2019-12-29",
                 "2020-01-04"
@@ -146,6 +150,8 @@
             "anchor": "y2"
         },
         "xaxis3": {
+            "tickcolor": "black",
+            "gridcolor": "orange",
             "range": [
                 "2020-01-03",
                 "2019-12-28"
@@ -154,6 +160,8 @@
             "anchor": "y3"
         },
         "xaxis4": {
+            "tickcolor": "black",
+            "gridcolor": "orange",
             "range": [
                 "2020-03-01",
                 "2020-11-01"
@@ -162,6 +170,8 @@
             "anchor": "y4"
         },
         "xaxis5": {
+            "tickcolor": "black",
+            "gridcolor": "orange",
             "range": [
                 "2016-09-01",
                 "2017-06-01"
@@ -170,6 +180,8 @@
             "anchor": "y5"
         },
         "xaxis6": {
+            "tickcolor": "black",
+            "gridcolor": "orange",
             "range": [
                 "2016-05-01",
                 "2019-09-01"
@@ -178,6 +190,8 @@
             "anchor": "y6"
         },
         "xaxis7": {
+            "tickcolor": "black",
+            "gridcolor": "orange",
             "range": [
                 "2016-05-01",
                 "2021-09-01"