diff --git a/ui/v2.5/src/components/List/styles.scss b/ui/v2.5/src/components/List/styles.scss index 5f1b4da2a..6811ed299 100644 --- a/ui/v2.5/src/components/List/styles.scss +++ b/ui/v2.5/src/components/List/styles.scss @@ -919,13 +919,16 @@ input[type="range"].zoom-slider { .filtered-list-toolbar { align-items: center; background-color: $body-bg; + border-radius: 0.5rem; gap: 0.5rem; justify-content: center; // offset the main padding + margin-left: auto; + margin-right: auto; margin-top: -0.5rem; - padding-bottom: 0.5rem; - padding-top: 0.5rem; + padding: 0.5rem; + width: fit-content; & > .btn-group { flex-wrap: wrap; @@ -941,6 +944,12 @@ input[type="range"].zoom-slider { } } + &.btn-toolbar { + position: sticky; + top: 49px; + z-index: 1000; + } + // set the width of the zoom-slider-container to prevent buttons moving when // the slider appears/disappears .zoom-slider-container {