Header dropdowns styling bug with react-bootstrap ^1.0.0

[wggley]

Theme version for react-bootstrap is ^1.0.0-beta.5.

From beta.5 to beta.17 no bugs occurs.

But after ^1.0.0 version upgrade layout is broken for Header DropdownMenu:

The issue maybe is related to Popover library being updated, I really dunno. See: https://github.com/react-bootstrap/react-bootstrap/commit/1b20f1be355034e27c36617c8f6eb066a9b26b1e

A quick fix:

src\assets\scss\partials\menu_menu-lite.scss

    .mr-auto {
        .dropdown-menu {
            margin-left: -20px !important;
        }
    }

    .ml-auto {
        float: right;

        .dropdown-menu {
            margin-left: 20px !important;
        }
    }