Nested auto-layout clipping and broken smart animations across breakpoints

Hey everyone, I am currently working on a responsive dark-themed dashboard mockup for deltaexector and ran into an annoying problem with nested auto-layout frames. When I switch the main frame between desktop and mobile viewport variants, the internal cards refuse to hug contents properly and start clipping off-screen instead of adapting to the new width.

Along with that layout glitch, the smart animate transitions between the modal states and navigation buttons feel super laggy and drop frames during the mobile presentation view. I tried detaching some components and resetting the fill and hug constraints, but the layout keeps breaking whenever secondary nested elements update.