diff --git a/src/shared/containers/timeline-wall/timeline-events/right-filter/styles.scss b/src/shared/containers/timeline-wall/timeline-events/right-filter/styles.scss index a25787f93a..712e920e69 100644 --- a/src/shared/containers/timeline-wall/timeline-events/right-filter/styles.scss +++ b/src/shared/containers/timeline-wall/timeline-events/right-filter/styles.scss @@ -54,16 +54,15 @@ border-top-left-radius: 8px; border-bottom-left-radius: 8px; padding: 10px 0; - position: fixed; - right: 0; - left: 1374px; + position: sticky; + top: 0; max-height: 70%; overflow: scroll; - -ms-overflow-style: none; /* Internet Explorer 10+ */ - scrollbar-width: none; /* Firefox */ + -ms-overflow-style: none; /* Internet Explorer 10+ */ + scrollbar-width: none; /* Firefox */ &::-webkit-scrollbar { - display: none; /* Safari and Chrome */ + display: none; /* Safari and Chrome */ } @media (max-width: 1500px) { @@ -73,6 +72,7 @@ @media (max-width: 768px) { border-radius: 0; width: calc(100% - 10px); + position: relative; } span { diff --git a/src/shared/containers/timeline-wall/timeline-events/styles.scss b/src/shared/containers/timeline-wall/timeline-events/styles.scss index d55b957f54..476d845156 100644 --- a/src/shared/containers/timeline-wall/timeline-events/styles.scss +++ b/src/shared/containers/timeline-wall/timeline-events/styles.scss @@ -4,6 +4,7 @@ display: flex; flex-direction: row; justify-content: space-between; + max-width: 1492px; } .left-content {