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 Seems like a job for custom Layout? I’ve not travelled that road yet though. You could do it by capturing the frames of the two black rectangles and calculating it and hard positioning it in the ZStack or overlay of the HStack. Ugly but... so is the problem? 🤷‍♂️
@marcpalmer Yeah my knowledge of that is limited to watching one WWDC video nearly a year ago 🤪