diff --git a/frontend/src/app/main/ui/workspace/viewport.cljs b/frontend/src/app/main/ui/workspace/viewport.cljs
index d38ed06693..ad2dd35e9b 100644
--- a/frontend/src/app/main/ui/workspace/viewport.cljs
+++ b/frontend/src/app/main/ui/workspace/viewport.cljs
@@ -303,7 +303,7 @@
 
       [:& top-bar/top-bar]]
 
-     [:svg.render-shapes
+     #_[:svg.render-shapes
       {:id "render"
        :xmlns "http://www.w3.org/2000/svg"
        :xmlnsXlink "http://www.w3.org/1999/xlink"
diff --git a/frontend/src/app/main/ui/workspace/viewport/sk.cljs b/frontend/src/app/main/ui/workspace/viewport/sk.cljs
index f3af6b1183..1803cec16e 100644
--- a/frontend/src/app/main/ui/workspace/viewport/sk.cljs
+++ b/frontend/src/app/main/ui/workspace/viewport/sk.cljs
@@ -22,15 +22,18 @@
         (doseq [[_ object] objects]
           (.paintRect ^js @canvas-kit (clj->js object)))))
 
-    (mf/with-effect [canvas-ref]
+    (mf/with-effect [canvas-ref vbox]
       (let [canvas (mf/ref-val canvas-ref)]
-        (when (some? canvas)
+        (when (and (some? canvas) (some? vbox))
           (set! (.-width canvas) (.-clientWidth canvas))
           (set! (.-height canvas) (.-clientHeight canvas))
           (println "init vbox" vbox)
           (-> (.initialize impl/CanvasKit "skia-canvas" vbox)
               (.then (fn [k]
                        (reset! canvas-kit k)
+                       (println "init complete")
+                       (doseq [[_ object] objects]
+                         (.paintRect ^js k (clj->js object)))
                        #_(.clear ^js k)))))))
 
     [:canvas {:id "skia-canvas"
diff --git a/frontend/src/app/main/ui/workspace/viewport/sk_impl.js b/frontend/src/app/main/ui/workspace/viewport/sk_impl.js
index 8eff79e622..9ec2e0192e 100644
--- a/frontend/src/app/main/ui/workspace/viewport/sk_impl.js
+++ b/frontend/src/app/main/ui/workspace/viewport/sk_impl.js
@@ -17,20 +17,23 @@ class CanvasKit {
   }
 
 
-clear() {
-  const surface = this.CanvasKit.MakeCanvasSurface(this.canvasId)
-  function draw(canvas) {
-    canvas.clear(CanvasKit.TRANSPARENT);
+  clear() {
+    const surface = this.CanvasKit.MakeCanvasSurface(this.canvasId)
+    function draw(canvas) {
+      canvas.clear(CanvasKit.TRANSPARENT);
+    }
+    surface.drawOnce(draw);  
   }
-  surface.drawOnce(draw);  
-}
 
   paintRect(shape) {
     const surface = this.CanvasKit.MakeCanvasSurface(this.canvasId)
     
     const self = this;
     function draw(canvas) {
-      canvas.translate(- self.vbox.x, - self.vbox.y);
+      if (self.vbox) {
+        canvas.translate(- self.vbox.x, - self.vbox.y);
+      }
+      
       const paint = new self.CanvasKit.Paint();
       // Drawing fills
       if (shape.fills) {
@@ -51,12 +54,18 @@ clear() {
           paint.setStyle(self.CanvasKit.PaintStyle.Stroke);
           const color = self.CanvasKit.parseColorString(stroke["stroke-color"]);
           const opacity = stroke["stroke-opacity"]
-          paint.setStrokeWidth(stroke["stroke-width"]);
-          console.log("stroke color", stroke, stroke["stroke-color"], stroke["stroke-opacity"])
+          const strokeWidth = stroke["stroke-width"];
+          paint.setStrokeWidth(strokeWidth);
+          console.log("stroke", stroke, stroke["stroke-color"], stroke["stroke-opacity"], strokeWidth)
           color[3] = opacity
           paint.setColor(color);
           const rr = self.CanvasKit.RRectXY(self.CanvasKit.LTRBRect(shape.x, shape.y, shape.x + shape.width, shape.y + shape.height), 0, 0);        
           canvas.drawRRect(rr, paint);
+
+          // Inner stroke?
+          // const rr2 = self.CanvasKit.RRectXY(self.CanvasKit.LTRBRect(shape.x, shape.y, shape.x + shape.width, shape.y + shape.height), 0, 0);        
+          // canvas.clipRRect(rr2, self.CanvasKit.ClipOp.Intersect, true);
+
         }
       }      
       paint.delete();