diff --git a/styles/src/styleTree/editor.ts b/styles/src/styleTree/editor.ts
index a13ae49c7d89f1a1589fcf3677f51d9993d4c217..786f01024248f93f7a35b1e7cb530a0bd627c3db 100644
--- a/styles/src/styleTree/editor.ts
+++ b/styles/src/styleTree/editor.ts
@@ -108,8 +108,8 @@ export default function editor(colorScheme: ColorScheme) {
                 ? colorScheme.ramps.green(0.4).hex()
                 : colorScheme.ramps.green(0.5).hex(),
             removedWidthEm: 0.275,
-            widthEm: 0.22,
-            cornerRadius: 0.2,
+            widthEm: 0.15,
+            cornerRadius: 0.05,
         },
         /** Highlights matching occurences of what is under the cursor
          * as well as matched brackets
@@ -241,22 +241,22 @@ export default function editor(colorScheme: ColorScheme) {
                 border: border(layer, "variant", { left: true }),
             },
             thumb: {
-                background: withOpacity(background(layer, "inverted"), 0.4),
+                background: withOpacity(background(layer, "inverted"), 0.3),
                 border: {
                     width: 1,
                     color: borderColor(layer, "variant"),
                 },
             },
             git: {
-                  deleted: isLight
-                      ? colorScheme.ramps.red(0.5).hex()
-                      : colorScheme.ramps.red(0.4).hex(),
-                  modified: isLight
-                      ? colorScheme.ramps.yellow(0.3).hex()
-                      : colorScheme.ramps.yellow(0.5).hex(),
-                  inserted: isLight
-                      ? colorScheme.ramps.green(0.4).hex()
-                      : colorScheme.ramps.green(0.5).hex(),
+                deleted: isLight
+                    ? withOpacity(colorScheme.ramps.red(0.5).hex(), 0.8)
+                    : withOpacity(colorScheme.ramps.red(0.4).hex(), 0.8),
+                modified: isLight
+                    ? withOpacity(colorScheme.ramps.yellow(0.5).hex(), 0.8)
+                    : withOpacity(colorScheme.ramps.yellow(0.4).hex(), 0.8),
+                inserted: isLight
+                    ? withOpacity(colorScheme.ramps.green(0.5).hex(), 0.8)
+                    : withOpacity(colorScheme.ramps.green(0.4).hex(), 0.8),
             }
         },
         compositionMark: {
diff --git a/styles/src/styleTree/projectPanel.ts b/styles/src/styleTree/projectPanel.ts
index 81dded151e54a091ac91ceba130c27449946594d..7af59521545dce8db9574f707d4a69afdd53d763 100644
--- a/styles/src/styleTree/projectPanel.ts
+++ b/styles/src/styleTree/projectPanel.ts
@@ -19,11 +19,11 @@ export default function projectPanel(colorScheme: ColorScheme) {
                 ? colorScheme.ramps.yellow(0.6).hex()
                 : colorScheme.ramps.yellow(0.5).hex(),
             inserted: isLight
-                ? colorScheme.ramps.green(0.4).hex()
+                ? colorScheme.ramps.green(0.45).hex()
                 : colorScheme.ramps.green(0.5).hex(),
             conflict: isLight
-                    ? colorScheme.ramps.red(0.4).hex()
-                    : colorScheme.ramps.red(0.5).hex(),
+                ? colorScheme.ramps.red(0.6).hex()
+                : colorScheme.ramps.red(0.5).hex()
         }
     }