Image as a link within GridLayout

I'm in a GridLayout with variable columns based on the number of "plans". I want to have an inline custom button for each column that launches a pop-up Confirmation modal.

The rendering of the button's size is being overridden by the Grid's CSS making the button almost unrecognizable on the page.

How can I retain the image's true pixel specs when rendered w/in a Grid?

a!forEach(
items:local!plans,
expression: a!richTextDisplayField(
value: {
a!richTextImage(
image: a!documentImage(
document: cons!FINANCE_PLAN_IMAGE_DOC,
link: a!submitLink(
label: "Select Financing Option " & fv!index,
confirmHeader: "Confirm Selection",
confirmMessage: "You have chosen to finance at " & index(fv!item, "aprInterestRate", ""),
confirmButtonLabel: "Confirm",
cancelButtonLabel: "Cancel",
value: index(fv!item, "financePlanId", ""),
saveInto: ri!agreement.financePlanId
)
)
)
},
align: "CENTER"
)
)