Style changes

static/css/style.css

@@ -70,17 +70,18 @@
 
 /* Style for WebKit browsers (Chrome, Safari, etc.) */
 *::-webkit-scrollbar {
-  height: 5px;
-  border-radius: 6px;
+  height: 2px;
+  border-radius: 1px;
   background: #1f1f28;
 }
 
 *::-webkit-scrollbar-thumb {
-  border-radius: 6px;
+  border-radius: 2px;
   background: #585653;
 }
 
 *::-webkit-scrollbar-thumb:hover {
+  height: 2px;
   background: #454445; /* Background color on hover */
 }
 

static/css/tables.css

@@ -1,6 +1,7 @@
 /* Tables */
 #jsonTableContainer {
-  max-width: 150%;
+  display: flex;
+  overflow-y: auto;
 }
 
 table {
@@ -23,9 +24,13 @@ td {
   max-width: 90px;
   font-size: var(--table-row-font-size);
 }
+#scrollable:hover {
+  scrollbar-width: thin;
+}
 
 @media only screen and (max-width: 800px) {
   #scrollable {
+    scrollbar-width: thin;
     max-width: 90px;
     max-height: 100%;
     margin: 0;