How can I proper incorporate dynamic elements in a Horizontal Layout Group?

I am about 4 hours into debugging this, time to ask!

I have this nest of objects:

• Game Object

• Canvas

With my current configuration, Elements 1 and 2 are showing up separate with one completely off screen, rather than evenly spaced out next to one another within the specified space. It is a Horizontal Layout Group specified to:

Child Alignment: Middle Center Child Controls Size & Force Expand: None.

The Canvas is set to Screen Space - Camera, with my only camera specified. Those settings are here as well: https://i.stack.imgur.com/zb9yu.jpg

The Panel is a Rect Transform set to around the bottom of the screen. Those settings here: https://i.stack.imgur.com/1AisU.jpg - The panel has the Horizontal Layout Group component on it.

Next are the child objects, those settings are here: https://i.stack.imgur.com/OFoHF.jpg

In terms of what I have done, here are just a few:

• Tried to remove the Canvas components from the children

• Unpacked the prefabs completely to make further edits.

• Rebuild the children

• Tried Render mode of the Canvas to World Space

• Tinkered with the anchor points to see if positioning was an issue

Hierarchy is here for clarity: https://i.stack.imgur.com/UMwvG.jpg

This ultimately leads to this result, the graphic on the right should be in view (on the yellow screen).

Thank you in advance! ![Actual output][1]