UI Buttons generated through script appearing UNDER other UI elements, how to change?

Hey everyone,

So if the title isn't descriptive enough, I am instantiating a button prefrab through a script to create a sort of "drop down" menu.

 foreach (string army in Armies) {
             GameObject newButton = (GameObject)Instantiate (buttonPrefab);
             newButton.transform.SetParent (transform.parent);
             lstButtons.Add (newButton);
             RectTransform btransform = newButton.GetComponent<RectTransform> ();
             btransform.position = new Vector3 (transform.position.x, transform.position.y - offset, 0);
             offset += 30;
 
             Text armyText = newButton.GetComponentInChildren<Text>();
             armyText.text = army;
 
                 }

This is my code.

As you can see it creates the prefab and I have tried changing the .position z value and have gotten no change.

These newly created buttons are appearing under other buttons on my UI instead of over them so they can be clicked as part of a menu.

So my question is how do I change UI elements like buttons rendering order so that newly instantiated objects will appear ontop of the UI?

Thanks, Kriogenic.