ios 11 - Icons alignment distortion

Question

We had to create a 64bit build of our application, due to iOS 11 enforcement. We've effectively done that but stuck in icons alignment in our XIB files.

In our old builds the icons used to appear like vertically aligned. But now the icons are appearing horizontally aligned with text. I have tried to set custom offsets, apply Auto Layout and Trait Variations from Interface builder Document properties.

How it appears as of now in other devices, this is the desired behavior as well:

How it appears right now:

Answer 1

It's the new feature of iOS 11 User Interface on iPad (refer to this WWDC talk).

I don't think you can do anything with standard exposed configuration options unless you use a custom component.

Or you can subclass and trick the component to think that it's always in compact size class as described here: https://stackoverflow.com/a/45945937/1463411