From 611fde13e2a6f19c0f458026e7281be7bd00ac1d Mon Sep 17 00:00:00 2001
From: Thomas Nordquist <thomas.nordquist@viison.com>
Date: Mon, 14 Jan 2019 11:16:39 +0100
Subject: [PATCH] Improve scroll behavior

---
 app/index.html                               | 1 +
 app/src/components/Sidebar/ValueRenderer.tsx | 3 +--
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/index.html b/app/index.html
index f1c87a8..5955203 100644
--- a/app/index.html
+++ b/app/index.html
@@ -17,6 +17,7 @@
 
           ::-webkit-scrollbar {
             width: 8px;
+            height: 8px;
           }
 
           ::-webkit-scrollbar-corner {
diff --git a/app/src/components/Sidebar/ValueRenderer.tsx b/app/src/components/Sidebar/ValueRenderer.tsx
index 22e5470..a4548f9 100644
--- a/app/src/components/Sidebar/ValueRenderer.tsx
+++ b/app/src/components/Sidebar/ValueRenderer.tsx
@@ -51,8 +51,7 @@ class ValueRenderer extends React.Component<Props, {}> {
       backgroundColor: 'rgba(80, 80, 80, 0.6)',
       wordBreak: 'break-all',
       width: '100%',
-      overflowX: 'scroll',
-      overflowY: 'clip',
+      overflow: 'auto hidden',
       display: 'block',
       lineHeight: '1.2em',
       padding: '12px 5px 12px 5px',