From 737975f7bf59305df237e4a53b41fd2320cb125e Mon Sep 17 00:00:00 2001
From: Harshil Sharma <harshilsharma63@gmail.com>
Date: Fri, 18 Jun 2021 11:12:03 +0530
Subject: [PATCH] Fixed horizontal scroll issue with table view (#586)

---
 webapp/src/components/table/table.scss | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/webapp/src/components/table/table.scss b/webapp/src/components/table/table.scss
index ad57f3b30..b2f47ad63 100644
--- a/webapp/src/components/table/table.scss
+++ b/webapp/src/components/table/table.scss
@@ -1,7 +1,4 @@
 .Table {
-    .table-row-container {
-        margin-top: 48px;
-    }
     .octo-group-header-cell {
         display: flex;
         flex-shrink: 0;
@@ -46,7 +43,7 @@
             font-weight: normal;
             font-size: 16px;
             width: 100%;
-        
+
             input {
                 background: transparent;
                 width: 100%;
@@ -57,7 +54,7 @@
                 color: rgba(var(--body-color), 1);
             }
         }
-        
+
         > .Button {
             &.IconButton:not(.readonly) {
                 cursor: pointer;
@@ -145,9 +142,11 @@
         }
     }
 
-    .octo-table-body {
+    &.octo-table-body {
         display: flex;
         flex-direction: column;
+        overflow: auto;
+        position: relative;
     }
 
     .octo-table-header,
@@ -163,12 +162,14 @@
     }
 
     .octo-table-header {
-        position: fixed;
+        position: sticky;
+        top: 0;
         z-index: 1;
         background: rgb(var(--main-bg));
 
         .octo-table-cell {
             color: rgba(var(--body-color), 0.6);
+            background: rgb(var(--main-bg));
 
             .Label {
                 color: rgba(var(--body-color), 0.6);