Well, I actually found what changes the arrow position it is the "DropDownButton", but I only managed to change its resolution
Here's what I got in the code:
"DropDownButton": {
"Bounds": "0,-15,20,20",
"Padding": "0,0,0,0",
"AlignmentEdgeDistances": "0,0,0,0",
"AlignmentTransform": "0,0",
"Margin": "0,0,0,0",
"RenderColor": "255,255,255,255",
"Alignments": "",
"DrawBackground": false,
"MinimumSize": "1,1",
"MaximumSize": "4096,4096",
"Disabled": false,
"Hidden": false,
"RestrictToParent": false,
"MouseInputEnabled": false,
"HideToolTip": false,
"ToolTipBackground": null,
"ToolTipFont": null,
"ToolTipTextColor": ""
It doesn't matter if I change the values subtracting or adding, the only thing that changes at all is the resolution which was "10, 10" in the original file. I tried to subtract/add the bound values as I did with the other options such as name, class and even gender, but for some reason it doesn't work with the arrow. I even tried to change other options like padding and alignment, but it didn't show any results.