.control-bar {
    @include clearfix;
    font-size: $font-size-sm;

    .dropdown {
        display: inline-block;
    }

    @media (max-width: $breakpoint) {
        > * {
            @include grid-same-width(2);
        }

        .dropdown {
            display: block;
        }

        .dropdown-toggle {
            width: 100%;
            max-width: none;
        }
    }

    .control-bar__right {
        float: right;

        @media (max-width: $breakpoint) {
            float: none;
            // push to the right
            // NOTE: needs to overwrite grid-tiles
            @include grid-position(6);
        }
    }

    .form-group {
        margin-bottom: 0;
    }
}

.control-bar__top-overlap {
    position: relative;
    z-index: 1;
    bottom: -1em;

    .dropdown {
        margin-bottom: 0;
    }
}

.control-bar__bottom-overlap {
    position: relative;
    z-index: 1;
    top: -1em;
}

.control-bar {
    @include clearfix;
    font-size: $font-size-sm;

    .dropdown {
        display: inline-block;
    }

    @media (max-width: $breakpoint) {
        > * {
            @include grid-same-width(2);
        }

        .dropdown {
            display: block;
        }

        .dropdown-toggle {
            width: 100%;
            max-width: none;
        }
    }

    .control-bar__right {
        float: right;

        @media (max-width: $breakpoint) {
            // grid-position does not include grid-cell automatically
            @include grid-cell();
            // push to the right
            // NOTE: needs to overwrite grid-tiles
            @include grid-position(6);
        }
    }

    .form-group {
        margin-bottom: 0;
    }
}

.control-bar__top-overlap {
    position: relative;
    z-index: 1;
    bottom: -1em;

    .dropdown {
        margin-bottom: 0;
    }
}

.control-bar__bottom-overlap {
    position: relative;
    z-index: 1;
    top: -1em;
}

Fix grid for right aligned filters within control bars
Fix grid for right aligned filters within control bars

The float is set for larger screen to position the filter to the right.
The grid does not work as expected if the element does not float.
As grid-position does not include grid-cell automatically it is required
to include it manually to reset the correct grid floating and margins.
