1 files changed, 48 insertions, 22 deletions

diff --git a/src/client/views/nodes/KeyValueBox.scss b/src/client/views/nodes/KeyValueBox.scss
index e946275fa..63ae75424 100644
--- a/src/client/views/nodes/KeyValueBox.scss
+++ b/src/client/views/nodes/KeyValueBox.scss
@@ -1,31 +1,57 @@
+@import "../global_variables";
 .keyValueBox-cont {
-  overflow-y: scroll;
-  height: 100%;
-  border: black;
-  border-width: 1px;
-  border-style: solid;
-  box-sizing: border-box;
-  display: inline-block;
-  .imageBox-cont img {
-    max-height: 45px;
-    height: auto;
-  }
+    overflow-y: scroll;
+    height: 100%;
+    background-color: $light-color;
+    border: 1px solid $intermediate-color;
+    border-radius: $border-radius;
+    box-sizing: border-box;
+    display: inline-block;
+    .imageBox-cont img {
+        max-height: 45px;
+        height: auto;
+    }
+    td {
+        padding: 6px 8px;
+        border-right: 1px solid $intermediate-color;
+        border-top: 1px solid $intermediate-color;
+        &:last-child {
+            border-right: none;
+        }
+    }
 }
+
 .keyValueBox-table {
-  position: relative;
+    position: relative;
+    border-collapse: collapse;
 }
+
 .keyValueBox-header {
-  background: gray;
+    background: $intermediate-color;
+    color: $light-color;
+    text-transform: uppercase;
+    letter-spacing: 2px;
+    font-size: 12px;
+    height: 30px;
+    padding-top: 4px;
+    th {
+        font-weight: normal;
+        &:first-child {
+            border-right: 1px solid $light-color;
+        }
+    }
 }
+
 .keyValueBox-evenRow {
-  background: white;
-  .formattedTextBox-cont {
-    background: white;
-  }
+    background: $light-color;
+    .formattedTextBox-cont {
+        background: $light-color;
+    }
 }
+
 .keyValueBox-oddRow {
-  background: lightGray;
-  .formattedTextBox-cont {
-    background: lightgray;
-  }
-}
+    background: $light-color-secondary;
+    .formattedTextBox-cont {
+        background: $light-color-secondary;
+    }
+}
\ No newline at end of file