Using aui-icon in system.content.metadata result to misalignment

[leo.124383.3632]

Hi Guys,

Using this definition of webItems on atlassian-connect.json:

{
        "location": "system.content.metadata",
        "target": {
          "type": "inlinedialog",
          "options": {
            "onHover": true
          }
        },
        "styleClasses": [
          "aui-icon",
          "aui-icon-small",
          "aui-iconfont-arrows-down"
        ],
        "context": "addon",
        "url": "/page/{page.id}/import-by-line",
        "key": "import-by-line-icon-item",
        "name": {
          "value": "Import By Line"
        }
      }

And it end up displaying like this:

How can I aligned it properly?