As a result, for pages without scrolling, I lose the margins on the side of the AppContainer in both Firefox and Chrome (IE untested). See attached screenshots (Firefox:
, chrome: 
). When I interact with some elements of the page, it enforces the margin as shown here when I interact with the create button: 
. This causes the page to jump between having margins and not having margins, which can move the element I'm interacting with to be not in focus, which results in losing the margins again, which creates a loop of the page jumping between margins and not unless I move the mouse.It seems that in this example, the create button is causing room for a vertical scroll bar to be added to the page, which causes the width available to decrease and the margins to be added again.
There is a workaround here to add an overflow-y: scroll to the body tag to enforce scroll bars to always be shown, which appears to be fixing the problem. I'm not sure why the 3% margins on left/right on AppContainer are not being enforced at 1600px width. That would be interesting to find out.
Any ideas?
