fixed marker document decorations on scroll in zoomed timeline

1 files changed, 17 insertions, 15 deletions

diff --git a/src/client/views/collections/CollectionStackedTimeline.scss b/src/client/views/collections/CollectionStackedTimeline.scss
index 843c5dcb5..19913350b 100644
--- a/src/client/views/collections/CollectionStackedTimeline.scss
+++ b/src/client/views/collections/CollectionStackedTimeline.scss
@@ -2,8 +2,24 @@
 
 .timeline-container {
     height: calc(100% - 50px);
-    overflow-x: scroll;
+    overflow-x: auto;
     border: none;
+    background-color: $white;
+    border: 2px solid $dark-gray;
+    border-width: 0 2px 0 2px;
+}
+
+::-webkit-scrollbar {
+    position: relative;
+    -webkit-appearance: none;
+    height: 5px;
+}
+
+::-webkit-scrollbar-thumb {
+    position: relative;
+    -webkit-appearance: none;
+    height: 5px;
+    background-color: $medium-gray;
 }
 
 .collectionStackedTimeline {
@@ -12,20 +28,6 @@
     z-index: 1000;
     height: 100%;
 
-    ::-webkit-scrollbar {
-        position: relative;
-        -webkit-appearance: none;
-        height: 5px;
-        background-color: white;
-    }
-
-    ::-webkit-scrollbar-thumb {
-        position: relative;
-        -webkit-appearance: none;
-        height: 5px;
-        background-color: $medium-gray;
-    }
-
     .collectionStackedTimeline-trim-shade {
         position: absolute;
         height: 100%;