diff --git a/web/src/cascade b/web/src/cascade
index 93582a3..330374d 160000
--- a/web/src/cascade
+++ b/web/src/cascade
@@ -1 +1 @@
-Subproject commit 93582a351d17e8c90b40f2aa8523fc0f8b02c36a
+Subproject commit 330374d5cdb7fdaba8d1bd674bbafce5ca93db3f
diff --git a/web/src/components/IdeCascadeStudio/IdeCascadeStudio.js b/web/src/components/IdeCascadeStudio/IdeCascadeStudio.js
index 9a472f7..7f2a03a 100644
--- a/web/src/components/IdeCascadeStudio/IdeCascadeStudio.js
+++ b/web/src/components/IdeCascadeStudio/IdeCascadeStudio.js
@@ -4,8 +4,6 @@ import CascadeController from 'src/helpers/cascadeController'
 import IdeToolbar from 'src/components/IdeToolbar'
 import { useEffect, useState } from 'react'
 
-const domNode = document.createElement('div').setAttribute('id', 'sickId')
-
 const IdeCascadeStudio = ({ part, saveCode, loading, error }) => {
   const [code, setCode] = useState(part.code)
   const { currentUser } = useAuth()
@@ -15,7 +13,7 @@ const IdeCascadeStudio = ({ part, saveCode, loading, error }) => {
     // "opening" and "closing" it for the ide part of the app by displaying none or block. Which is why this useEffect
     // returns a clean up function that hides the div again.
     const onCodeChange = (code) => setCode(code)
-    CascadeController.initialise(onCodeChange, part.code, domNode)
+    CascadeController.initialise(onCodeChange, part.code)
     const element = document.getElementById('cascade-container')
     element.setAttribute('style', 'display: block; opacity: 100%; overflow: hidden; height: calc(100vh - 8rem)') // eslint-disable-line
     return () => {
diff --git a/web/src/components/IdePartCell/IdePartCell.js b/web/src/components/IdePartCell/IdePartCell.js
index 83a87ef..6bbffcf 100644
--- a/web/src/components/IdePartCell/IdePartCell.js
+++ b/web/src/components/IdePartCell/IdePartCell.js
@@ -14,6 +14,7 @@ export const QUERY = gql`
       user {
         id
         userName
+        image
       }
     }
   }
diff --git a/web/src/helpers/cascadeController.js b/web/src/helpers/cascadeController.js
index b18cb59..b9c9bb9 100644
--- a/web/src/helpers/cascadeController.js
+++ b/web/src/helpers/cascadeController.js
@@ -8,17 +8,19 @@ class CascadeController {
   }
 
   initialise(onCodeChange, code) {
+    const onInit = () => {
+      const editor = getEditor()
+      editor.setValue(code)
+      editor.evaluateCode(false)
+    }
     // only inits on first call, after that it just updates the editor and revaluates code, maybe should rename?
     this.incomingOnCodeChang = onCodeChange
     if (!this._hasInitialised) {
-      initialize(this.controllerOnCodeChange, code)
+      initialize(this.controllerOnCodeChange, code, onInit)
       this._hasInitialised = true
       return
     }
-    const editor = getEditor()
-    editor.setValue(code)
-    editor.evaluateCode(false)
-    return this.domNode
+    onInit()
   }
 }