diff --git a/src/common-elements/fields-layout.ts b/src/common-elements/fields-layout.ts
index 5cc6302d15..43cd8f8d38 100644
--- a/src/common-elements/fields-layout.ts
+++ b/src/common-elements/fields-layout.ts
@@ -27,8 +27,8 @@ export const PropertyCell = styled.td`
     background-image: linear-gradient(
       to bottom,
       transparent 0%,
-      transparent 21px,
-      ${props => props.theme.schemaView.linesColor} 21px,
+      transparent 22px,
+      ${props => props.theme.schemaView.linesColor} 22px,
       ${props => props.theme.schemaView.linesColor} 100%
     );
   }
@@ -37,8 +37,8 @@ export const PropertyCell = styled.td`
     background-image: linear-gradient(
       to bottom,
       ${props => props.theme.schemaView.linesColor} 0%,
-      ${props => props.theme.schemaView.linesColor} 21px,
-      transparent 21px,
+      ${props => props.theme.schemaView.linesColor} 22px,
+      transparent 22px,
       transparent 100%
     );
   }
diff --git a/src/theme.ts b/src/theme.ts
index 94c0d4e537..984269849a 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -1,4 +1,4 @@
-import { lighten } from 'polished';
+import { lighten, adjustHue, desaturate } from 'polished';
 
 const defaultTheme: ThemeInterface = {
   spacingUnit: 20,
@@ -27,7 +27,7 @@ const defaultTheme: ThemeInterface = {
     },
   },
   schemaView: {
-    linesColor: '#7f99cf',
+    linesColor: theme => lighten(0.25, desaturate(0.35, theme.colors.main)),
     defaultDetailsWidth: '75%',
   },
   baseFont: {