How do I center the “😃” between the rectangles?

Where it is currently _is_ the center of the parent, but I want it to be centered between the rectangles instead. Horizontally centered is the goal; vertically centered would be a nice bonus.

Image below; code here: https://gist.github.com/cliss/df21f012bfc44d94c033756bf970f1af

Centering Question

Centering Question. GitHub Gist: instantly share code, notes, and snippets.

Gist

@caseyliss You should set the background color of your pair function to see what boundaries you are actually playing with. Otherwise, you are likely to start needing to use alignment guides for where you want one item to line up with another outside if its immediate XStack.

I often toss on Spacer() for actual centering. Does wonders.

@jeffkibuule I started down the path of AlignmentGuide, but it seems there's no alignment guide for vertical centering, which I would also need.
@caseyliss Can you color the rectangles behind? I can give better guidance afterwards.