How to properly align visual elements in custom propertydrawer

Hello, I am new to UI Toolkit and can’t figure out how to properly align two elements in a row.

As you can see when comparing to a built-in float field, my propertydrawer doesn’t reach all the way to the right, and looking closely it seems the button is not aligned at the bottom reaching a few pixels to far down.

How would I go about fixing these issues? I have tried searching but couldn’t find any answers as I am stil not familiar with the UI Toolkit.

Here is my current code:

style.flexDirection = FlexDirection.Row;

_valueField = valueField;
_valueField.style.flexGrow = 1;
tooltip = parameterProperty.tooltip;

_button = new Button(() => UnlinkButton());
_button.text = "X";
_button.tooltip = "Toltip";

BindingExtensions.TrackPropertyValue(this, linkProperty, ChangeEnabled);
ChangeEnabled(linkProperty);

Add(_valueField);
Add(_button);

The code is inside the constructor of a custom class inheriting from VisualElement.
_valueField is a PropertyField.

I would check the UI Toolkit Debugger to better visualise how the styling is affecting its layout, and you can play with the values in it to see what works.

Likely this is a case of padding/margin pushing things out of alignment.