diff --git a/packages/node_modules/@node-red/editor-client/src/images/grip-horizontal.png b/packages/node_modules/@node-red/editor-client/src/images/grip-horizontal.png
deleted file mode 100644
index 7bff7b4a2..000000000
Binary files a/packages/node_modules/@node-red/editor-client/src/images/grip-horizontal.png and /dev/null differ
diff --git a/packages/node_modules/@node-red/editor-client/src/images/grip-horizontal.svg b/packages/node_modules/@node-red/editor-client/src/images/grip-horizontal.svg
new file mode 100644
index 000000000..c97271fa4
--- /dev/null
+++ b/packages/node_modules/@node-red/editor-client/src/images/grip-horizontal.svg
@@ -0,0 +1 @@
+<svg width="50" height="5" viewBox="0, 0, 50, 5" xmlns="http://www.w3.org/2000/svg"><path d="M0 1H50V4H0Z" fill="#CCC"/></svg>
diff --git a/packages/node_modules/@node-red/editor-client/src/images/grip.png b/packages/node_modules/@node-red/editor-client/src/images/grip.png
deleted file mode 100644
index 76c2e0d17..000000000
Binary files a/packages/node_modules/@node-red/editor-client/src/images/grip.png and /dev/null differ
diff --git a/packages/node_modules/@node-red/editor-client/src/images/grip.svg b/packages/node_modules/@node-red/editor-client/src/images/grip.svg
new file mode 100644
index 000000000..76b12a4ee
--- /dev/null
+++ b/packages/node_modules/@node-red/editor-client/src/images/grip.svg
@@ -0,0 +1 @@
+<svg width="5" height="50" viewBox="0, 0, 5, 50" xmlns="http://www.w3.org/2000/svg"><path d="M1 0H4V50H1Z" fill="#CCC"/></svg>
diff --git a/packages/node_modules/@node-red/editor-client/src/sass/editor.scss b/packages/node_modules/@node-red/editor-client/src/sass/editor.scss
index 473571042..d26536102 100644
--- a/packages/node_modules/@node-red/editor-client/src/sass/editor.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/editor.scss
@@ -149,7 +149,7 @@
     bottom: 0px;
     width: 7px;
     left: -9px;
-    background: $primary-background url(images/grip.png) no-repeat 50% 50%;
+    background: $primary-background url(images/grip.svg) no-repeat 50% 50%;
     cursor: col-resize;
     border-left: 1px solid $primary-border-color;
     box-shadow: -1px 0 6px $shadow;
diff --git a/packages/node_modules/@node-red/editor-client/src/sass/panels.scss b/packages/node_modules/@node-red/editor-client/src/sass/panels.scss
index 1a15d3c0d..38ef78321 100644
--- a/packages/node_modules/@node-red/editor-client/src/sass/panels.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/panels.scss
@@ -40,7 +40,7 @@
     height: 7px;
     box-sizing: border-box;
     cursor: ns-resize;
-    background: $primary-background url(images/grip-horizontal.png) no-repeat 50% 50%;
+    background: $primary-background url(images/grip-horizontal.svg) no-repeat 50% 50%;
 }
 
 
@@ -70,6 +70,6 @@
         width: 7px;
         display: inline-block;
         cursor: ew-resize;
-        background: $primary-background url(images/grip.png) no-repeat 50% 50%;
+        background: $primary-background url(images/grip.svg) no-repeat 50% 50%;
     }
 }
diff --git a/packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss b/packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss
index 391ae8585..bd2677ea0 100644
--- a/packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss
@@ -47,7 +47,7 @@
     bottom:10px;
     width: 7px;
     // z-index: 11;
-    background: $primary-background url(images/grip.png) no-repeat 50% 50%;
+    background: $primary-background url(images/grip.svg) no-repeat 50% 50%;
     cursor: col-resize;
 }