1 files changed, 25 insertions, 2 deletions
diff --git a/src/frontend/app/components/StopSheet.css b/src/frontend/app/components/StopSheet.css
index e9c04fb..75b12f0 100644
--- a/src/frontend/app/components/StopSheet.css
+++ b/src/frontend/app/components/StopSheet.css
@@ -35,6 +35,30 @@
   flex-wrap: wrap;
 }
 
+.stop-sheet-lines-container.scrollable {
+  display: grid;
+  grid-template-rows: repeat(2, 1fr);
+  grid-auto-flow: column;
+  /* align-content: flex-start; */
+  scrollbar-width: thin;
+  gap: 0.5rem 1rem;
+  overflow-x: scroll;
+  overflow-y: auto;
+}
+
+.stop-sheet-lines-container.scrollable::-webkit-scrollbar {
+  height: 6px;
+}
+
+.stop-sheet-lines-container.scrollable::-webkit-scrollbar-thumb {
+  background-color: var(--border-color);
+  border-radius: 3px;
+}
+
+.stop-sheet-line-icon {
+  flex-shrink: 0;
+}
+
 .stop-sheet-loading {
   display: flex;
   justify-content: center;
@@ -142,9 +166,8 @@
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
-  margin: 1rem 0;
+  margin: 0.75rem 0 1rem 0;
   padding-top: 0.75rem;
-  border-top: 1px solid var(--border-color);
 }
 
 .stop-sheet-timestamp {