.x-scroller > .x-inner {
    position: relative !important;
    width: auto;
    height: auto;

    // Consider the case where a scroller is wrapping a vbox layout
    // The scroller element is width: 100%, height: 100%, however the
    // inner element is auto width/height. This means the inner element
    // won't stretch to the of the parent, so a flexed item will not stretch
    // to the end of the parent. Force the inner element to be a minimum height
    // of the parent, so stretching is available.
    min-height: 100%;
    min-width: 100%;

    // This prevents child margins from escaping outside the inner
    &:before, &:after {
        content: '';
        display: table;
    }
}