diff --git a/frontend/src/Editor/Editor.jsx b/frontend/src/Editor/Editor.jsx
index a7040cef67..3353a7d4be 100644
--- a/frontend/src/Editor/Editor.jsx
+++ b/frontend/src/Editor/Editor.jsx
@@ -35,6 +35,7 @@ import queryString from 'query-string';
 import toast from 'react-hot-toast';
 import produce, { enablePatches, setAutoFreeze, applyPatches } from 'immer';
 import Logo from './Icons/logo.svg';
+import RunjsIcon from './Icons/runjs.svg';
 import EditIcon from './Icons/edit.svg';
 import MobileSelectedIcon from './Icons/mobile-selected.svg';
 import DesktopSelectedIcon from './Icons/desktop-selected.svg';
@@ -657,7 +658,11 @@ class Editor extends React.Component {
         onMouseLeave={() => this.setShowHiddenOptionsForDataQuery(null)}
       >
         <div className="col">
-          {getSvgIcon(sourceMeta.kind.toLowerCase(), 25, 25)}
+          {sourceMeta.kind === 'runjs' ? (
+            <RunjsIcon style={{ height: 25, width: 25 }} />
+          ) : (
+            getSvgIcon(sourceMeta.kind.toLowerCase(), 25, 25)
+          )}
           <span className="p-3">{dataQuery.name}</span>
         </div>
         <div className="col-auto mx-1">
diff --git a/frontend/src/Editor/Icons/runjs.svg b/frontend/src/Editor/Icons/runjs.svg
new file mode 100644
index 0000000000..e940f7662d
--- /dev/null
+++ b/frontend/src/Editor/Icons/runjs.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="JavaScript" role="img" viewBox="0 0 512 512">
+	<rect width="512" height="512" rx="15%" fill="#f7df1e" />
+	<path d="M324 370c10 17 24 29 47 29c20 0 33-10 33 -24c0-16 -13 -22 -35 -32l-12-5c-35-15 -58 -33 -58 -72c0-36 27 -64 70 -64c31 0 53 11 68 39l-37 24c-8-15 -17 -21 -31 -21c-14 0-23 9 -23 21c0 14 9 20 30 29l12 5c41 18 64 35 64 76c0 43-34 67 -80 67c-45 0-74 -21 -88 -49zm-170 4c8 13 14 25 31 25c16 0 26-6 26 -30V203h48v164c0 50-29 72 -72 72c-39 0-61 -20 -72 -44z" />
+</svg>
\ No newline at end of file