Fix padding issue on axis tick labels

Let me clarify, after doing some research on MDN on rotate for **SVG** I found <https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform>

Here are more details:
```javascript
rotate(a, x, y)
```

> This transform definition specifies a rotation by a degrees about a given point. If optional parameters `x` and `y` are not supplied, the rotate is about the origin of the current user coordinate system. 

> If optional parameters `x` and `y` are supplied, the rotate is about the point `(x, y)`. The operation represents the equivalent of the following transform definitions list: 

```javascript
translate(x, y).rotate(a).translate(-x, -y)
```