diff --git a/packages/grafana-ui/src/components/GraphNG/__snapshots__/utils.test.ts.snap b/packages/grafana-ui/src/components/GraphNG/__snapshots__/utils.test.ts.snap
index 89c1091994c..3059ee6ffc5 100644
--- a/packages/grafana-ui/src/components/GraphNG/__snapshots__/utils.test.ts.snap
+++ b/packages/grafana-ui/src/components/GraphNG/__snapshots__/utils.test.ts.snap
@@ -21,6 +21,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -45,6 +46,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
diff --git a/packages/grafana-ui/src/components/uPlot/config/UPlotAxisBuilder.ts b/packages/grafana-ui/src/components/uPlot/config/UPlotAxisBuilder.ts
index cadcb42c24e..a449f3b3a03 100644
--- a/packages/grafana-ui/src/components/uPlot/config/UPlotAxisBuilder.ts
+++ b/packages/grafana-ui/src/components/uPlot/config/UPlotAxisBuilder.ts
@@ -77,6 +77,7 @@ export class UPlotAxisBuilder extends PlotConfigBuilder<AxisProps, Axis> {
         show: ticks,
         stroke: gridColor,
         width: 1 / devicePixelRatio,
+        size: 4,
       },
       splits,
       values: values,
diff --git a/packages/grafana-ui/src/components/uPlot/config/UPlotConfigBuilder.test.ts b/packages/grafana-ui/src/components/uPlot/config/UPlotConfigBuilder.test.ts
index 83a8465680c..cd62a9366aa 100644
--- a/packages/grafana-ui/src/components/uPlot/config/UPlotConfigBuilder.test.ts
+++ b/packages/grafana-ui/src/components/uPlot/config/UPlotConfigBuilder.test.ts
@@ -348,6 +348,7 @@ describe('UPlotConfigBuilder', () => {
             "stroke": "rgb(204, 204, 220)",
             "ticks": Object {
               "show": true,
+              "size": 4,
               "stroke": "rgba(240, 250, 255, 0.09)",
               "width": 1,
             },
diff --git a/public/app/plugins/panel/barchart/__snapshots__/utils.test.ts.snap b/public/app/plugins/panel/barchart/__snapshots__/utils.test.ts.snap
index 32b0e9eddf3..bb9a83cfa37 100644
--- a/public/app/plugins/panel/barchart/__snapshots__/utils.test.ts.snap
+++ b/public/app/plugins/panel/barchart/__snapshots__/utils.test.ts.snap
@@ -21,6 +21,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -45,6 +46,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -141,6 +143,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -165,6 +168,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -261,6 +265,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -285,6 +290,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -381,6 +387,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -405,6 +412,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -501,6 +509,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -525,6 +534,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -621,6 +631,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -645,6 +656,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -741,6 +753,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -765,6 +778,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -861,6 +875,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -885,6 +900,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },