How to stop check boxes aligning to their text

As you can see in THIS picture: i have 2 check boxes with a text attribute, the issue here is that since the text is not equal and the boxes are centered to the middle the box actually moves to keep it in the middle. Is there any way to make it so that only the text moves and the box stays in a static location like THIS but without aligning it to anything except the middle. Snippet of the checkbox in the fxml file:

           <JFXCheckBox checkedColor="#8d897d00" focusTraversable="false" graphicTextGap="0.0" prefHeight="35.0" prefWidth="690.0" styleClass="runechanger-check-box" stylesheets="@../stylesheet.css" text="No Away" textFill="#8d897d" unCheckedColor="#8d897d00" GridPane.rowIndex="1">
           <font>
              <Font name="System Bold" size="18.0" />
           </font>
        </JFXCheckBox>

THIS is the full fxml containing the checkboxes