Macro UI in tables prevents sizing

[Jon Jon]

I've made a macro for Font Awesome icons, but the rectangle for the macro in edit mode is so wide (to create a small icon), if it's in a table you can't size columns by eyeballing it or make the column smaller than the macro rectangle.

In other words, this: 

renders as this:

-- you can't then drag that column smaller than the macro rectangle in edit mode.

Another (probably unrelated) issue is that the preview doesn't work in the macro UI --

Guessing this has to do with the way font-awesome icons render.

The code for the macro is simple:

## Macro title: fontawesome
## Macro has a body: N
## Body processing: -
## Output: Font Awesome icon
##
## Developed by: Jon Hertzig
## Date created: 2/7/20
## Installed by: Jon Hertzig
##
## @param Icon:title=Icon|type=string|required=True|desc=Icon code (such as "fa fa-info-circle")
## @param Colour:title=colour|type=string
## @param Size:title=size|type=string
<span style="color: $paramColour; font-size: $paramSize"><i class="$paramIcon"></i></span>

Using Confluence Server v 7.13.7

[Jon Jon]

(removed this as was adding to the description -- moved there; seems to be no way to remove an "answer" -- which this isn't!)