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 8bc753f5146..bedd43cc406 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,
       },
@@ -143,6 +145,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -167,6 +170,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -265,6 +269,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -289,6 +294,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -387,6 +393,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -411,6 +418,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -509,6 +517,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -533,6 +542,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -631,6 +641,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -655,6 +666,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -753,6 +765,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -777,6 +790,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -875,6 +889,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -899,6 +914,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },