diff --git a/ci/release/changelogs/next.md b/ci/release/changelogs/next.md
index 5c37f0360..398449902 100644
--- a/ci/release/changelogs/next.md
+++ b/ci/release/changelogs/next.md
@@ -12,3 +12,4 @@
 #### Bugfixes ⛑️
 
 - Shadow is cut off when `--pad` is 0. Thank you @LeonardsonCC ! [#1326](https://github.com/terrastruct/d2/pull/1326)
+- Fixes grid layout overwriting label placements for nested objects. [#1345](https://github.com/terrastruct/d2/pull/1345)
diff --git a/d2graph/d2graph.go b/d2graph/d2graph.go
index 006bfae85..301cc5bd8 100644
--- a/d2graph/d2graph.go
+++ b/d2graph/d2graph.go
@@ -1817,90 +1817,6 @@ func (g *Graph) ApplyTheme(themeID int64) error {
 	return nil
 }
 
-func (obj *Object) MoveWithDescendants(dx, dy float64) {
-	obj.TopLeft.X += dx
-	obj.TopLeft.Y += dy
-	for _, child := range obj.ChildrenArray {
-		child.MoveWithDescendants(dx, dy)
-	}
-}
-
-func (obj *Object) MoveWithDescendantsTo(x, y float64) {
-	dx := x - obj.TopLeft.X
-	dy := y - obj.TopLeft.Y
-	obj.MoveWithDescendants(dx, dy)
-}
-
-func (parent *Object) removeChild(child *Object) {
-	delete(parent.Children, strings.ToLower(child.ID))
-	for i := 0; i < len(parent.ChildrenArray); i++ {
-		if parent.ChildrenArray[i] == child {
-			parent.ChildrenArray = append(parent.ChildrenArray[:i], parent.ChildrenArray[i+1:]...)
-			break
-		}
-	}
-}
-
-// remove obj and all descendants from graph, as a new Graph
-func (g *Graph) ExtractAsNestedGraph(obj *Object) *Graph {
-	descendantObjects, edges := pluckObjAndEdges(g, obj)
-
-	tempGraph := NewGraph()
-	tempGraph.Root.ChildrenArray = []*Object{obj}
-	tempGraph.Root.Children[strings.ToLower(obj.ID)] = obj
-
-	for _, descendantObj := range descendantObjects {
-		descendantObj.Graph = tempGraph
-	}
-	tempGraph.Objects = descendantObjects
-	tempGraph.Edges = edges
-
-	obj.Parent.removeChild(obj)
-	obj.Parent = tempGraph.Root
-
-	return tempGraph
-}
-
-func pluckObjAndEdges(g *Graph, obj *Object) (descendantsObjects []*Object, edges []*Edge) {
-	for i := 0; i < len(g.Edges); i++ {
-		edge := g.Edges[i]
-		if edge.Src == obj || edge.Dst == obj {
-			edges = append(edges, edge)
-			g.Edges = append(g.Edges[:i], g.Edges[i+1:]...)
-			i--
-		}
-	}
-
-	for i := 0; i < len(g.Objects); i++ {
-		temp := g.Objects[i]
-		if temp.AbsID() == obj.AbsID() {
-			descendantsObjects = append(descendantsObjects, obj)
-			g.Objects = append(g.Objects[:i], g.Objects[i+1:]...)
-			for _, child := range obj.ChildrenArray {
-				subObjects, subEdges := pluckObjAndEdges(g, child)
-				descendantsObjects = append(descendantsObjects, subObjects...)
-				edges = append(edges, subEdges...)
-			}
-			break
-		}
-	}
-
-	return descendantsObjects, edges
-}
-
-func (g *Graph) InjectNestedGraph(tempGraph *Graph, parent *Object) {
-	obj := tempGraph.Root.ChildrenArray[0]
-	obj.MoveWithDescendantsTo(0, 0)
-	obj.Parent = parent
-	for _, obj := range tempGraph.Objects {
-		obj.Graph = g
-	}
-	g.Objects = append(g.Objects, tempGraph.Objects...)
-	parent.Children[strings.ToLower(obj.ID)] = obj
-	parent.ChildrenArray = append(parent.ChildrenArray, obj)
-	g.Edges = append(g.Edges, tempGraph.Edges...)
-}
-
 func (g *Graph) PrintString() string {
 	buf := &bytes.Buffer{}
 	fmt.Fprint(buf, "Objects: [")
@@ -1918,54 +1834,6 @@ func (obj *Object) IterDescendants(apply func(parent, child *Object)) {
 	}
 }
 
-// ShiftDescendants moves Object's descendants (not including itself)
-// descendants' edges are also moved by the same dx and dy (the whole route is moved if both ends are a descendant)
-func (obj *Object) ShiftDescendants(dx, dy float64) {
-	// also need to shift edges of descendants that are shifted
-	movedEdges := make(map[*Edge]struct{})
-	for _, e := range obj.Graph.Edges {
-		isSrcDesc := e.Src.IsDescendantOf(obj)
-		isDstDesc := e.Dst.IsDescendantOf(obj)
-
-		if isSrcDesc && isDstDesc {
-			movedEdges[e] = struct{}{}
-			for _, p := range e.Route {
-				p.X += dx
-				p.Y += dy
-			}
-		}
-	}
-
-	obj.IterDescendants(func(_, curr *Object) {
-		curr.TopLeft.X += dx
-		curr.TopLeft.Y += dy
-		for _, e := range obj.Graph.Edges {
-			if _, ok := movedEdges[e]; ok {
-				continue
-			}
-			isSrc := e.Src == curr
-			isDst := e.Dst == curr
-
-			if isSrc && isDst {
-				for _, p := range e.Route {
-					p.X += dx
-					p.Y += dy
-				}
-			} else if isSrc {
-				e.Route[0].X += dx
-				e.Route[0].Y += dy
-			} else if isDst {
-				e.Route[len(e.Route)-1].X += dx
-				e.Route[len(e.Route)-1].Y += dy
-			}
-
-			if isSrc || isDst {
-				movedEdges[e] = struct{}{}
-			}
-		}
-	})
-}
-
 func (obj *Object) IsMultiple() bool {
 	return obj.Style.Multiple != nil && obj.Style.Multiple.Value == "true"
 }
@@ -1973,19 +1841,3 @@ func (obj *Object) IsMultiple() bool {
 func (obj *Object) Is3D() bool {
 	return obj.Style.ThreeDee != nil && obj.Style.ThreeDee.Value == "true"
 }
-
-// GetModifierElementAdjustments returns width/height adjustments to account for shapes with 3d or multiple
-func (obj *Object) GetModifierElementAdjustments() (dx, dy float64) {
-	if obj.Is3D() {
-		if obj.Shape.Value == d2target.ShapeHexagon {
-			dy = d2target.THREE_DEE_OFFSET / 2
-		} else {
-			dy = d2target.THREE_DEE_OFFSET
-		}
-		dx = d2target.THREE_DEE_OFFSET
-	} else if obj.IsMultiple() {
-		dy = d2target.MULTIPLE_OFFSET
-		dx = d2target.MULTIPLE_OFFSET
-	}
-	return dx, dy
-}
diff --git a/d2graph/layout.go b/d2graph/layout.go
new file mode 100644
index 000000000..43342daa1
--- /dev/null
+++ b/d2graph/layout.go
@@ -0,0 +1,191 @@
+package d2graph
+
+import (
+	"strings"
+
+	"oss.terrastruct.com/d2/d2target"
+	"oss.terrastruct.com/d2/lib/geo"
+	"oss.terrastruct.com/d2/lib/label"
+	"oss.terrastruct.com/d2/lib/shape"
+)
+
+func (obj *Object) MoveWithDescendants(dx, dy float64) {
+	obj.TopLeft.X += dx
+	obj.TopLeft.Y += dy
+	for _, child := range obj.ChildrenArray {
+		child.MoveWithDescendants(dx, dy)
+	}
+}
+
+func (obj *Object) MoveWithDescendantsTo(x, y float64) {
+	dx := x - obj.TopLeft.X
+	dy := y - obj.TopLeft.Y
+	obj.MoveWithDescendants(dx, dy)
+}
+
+func (parent *Object) removeChild(child *Object) {
+	delete(parent.Children, strings.ToLower(child.ID))
+	for i := 0; i < len(parent.ChildrenArray); i++ {
+		if parent.ChildrenArray[i] == child {
+			parent.ChildrenArray = append(parent.ChildrenArray[:i], parent.ChildrenArray[i+1:]...)
+			break
+		}
+	}
+}
+
+// remove obj and all descendants from graph, as a new Graph
+func (g *Graph) ExtractAsNestedGraph(obj *Object) *Graph {
+	descendantObjects, edges := pluckObjAndEdges(g, obj)
+
+	tempGraph := NewGraph()
+	tempGraph.Root.ChildrenArray = []*Object{obj}
+	tempGraph.Root.Children[strings.ToLower(obj.ID)] = obj
+
+	for _, descendantObj := range descendantObjects {
+		descendantObj.Graph = tempGraph
+	}
+	tempGraph.Objects = descendantObjects
+	tempGraph.Edges = edges
+
+	obj.Parent.removeChild(obj)
+	obj.Parent = tempGraph.Root
+
+	return tempGraph
+}
+
+func pluckObjAndEdges(g *Graph, obj *Object) (descendantsObjects []*Object, edges []*Edge) {
+	for i := 0; i < len(g.Edges); i++ {
+		edge := g.Edges[i]
+		if edge.Src == obj || edge.Dst == obj {
+			edges = append(edges, edge)
+			g.Edges = append(g.Edges[:i], g.Edges[i+1:]...)
+			i--
+		}
+	}
+
+	for i := 0; i < len(g.Objects); i++ {
+		temp := g.Objects[i]
+		if temp.AbsID() == obj.AbsID() {
+			descendantsObjects = append(descendantsObjects, obj)
+			g.Objects = append(g.Objects[:i], g.Objects[i+1:]...)
+			for _, child := range obj.ChildrenArray {
+				subObjects, subEdges := pluckObjAndEdges(g, child)
+				descendantsObjects = append(descendantsObjects, subObjects...)
+				edges = append(edges, subEdges...)
+			}
+			break
+		}
+	}
+
+	return descendantsObjects, edges
+}
+
+func (g *Graph) InjectNestedGraph(tempGraph *Graph, parent *Object) {
+	obj := tempGraph.Root.ChildrenArray[0]
+	obj.MoveWithDescendantsTo(0, 0)
+	obj.Parent = parent
+	for _, obj := range tempGraph.Objects {
+		obj.Graph = g
+	}
+	g.Objects = append(g.Objects, tempGraph.Objects...)
+	parent.Children[strings.ToLower(obj.ID)] = obj
+	parent.ChildrenArray = append(parent.ChildrenArray, obj)
+	g.Edges = append(g.Edges, tempGraph.Edges...)
+}
+
+// ShiftDescendants moves Object's descendants (not including itself)
+// descendants' edges are also moved by the same dx and dy (the whole route is moved if both ends are a descendant)
+func (obj *Object) ShiftDescendants(dx, dy float64) {
+	// also need to shift edges of descendants that are shifted
+	movedEdges := make(map[*Edge]struct{})
+	for _, e := range obj.Graph.Edges {
+		isSrcDesc := e.Src.IsDescendantOf(obj)
+		isDstDesc := e.Dst.IsDescendantOf(obj)
+
+		if isSrcDesc && isDstDesc {
+			movedEdges[e] = struct{}{}
+			for _, p := range e.Route {
+				p.X += dx
+				p.Y += dy
+			}
+		}
+	}
+
+	obj.IterDescendants(func(_, curr *Object) {
+		curr.TopLeft.X += dx
+		curr.TopLeft.Y += dy
+		for _, e := range obj.Graph.Edges {
+			if _, ok := movedEdges[e]; ok {
+				continue
+			}
+			isSrc := e.Src == curr
+			isDst := e.Dst == curr
+
+			if isSrc && isDst {
+				for _, p := range e.Route {
+					p.X += dx
+					p.Y += dy
+				}
+			} else if isSrc {
+				e.Route[0].X += dx
+				e.Route[0].Y += dy
+			} else if isDst {
+				e.Route[len(e.Route)-1].X += dx
+				e.Route[len(e.Route)-1].Y += dy
+			}
+
+			if isSrc || isDst {
+				movedEdges[e] = struct{}{}
+			}
+		}
+	})
+}
+
+// GetModifierElementAdjustments returns width/height adjustments to account for shapes with 3d or multiple
+func (obj *Object) GetModifierElementAdjustments() (dx, dy float64) {
+	if obj.Is3D() {
+		if obj.Shape.Value == d2target.ShapeHexagon {
+			dy = d2target.THREE_DEE_OFFSET / 2
+		} else {
+			dy = d2target.THREE_DEE_OFFSET
+		}
+		dx = d2target.THREE_DEE_OFFSET
+	} else if obj.IsMultiple() {
+		dy = d2target.MULTIPLE_OFFSET
+		dx = d2target.MULTIPLE_OFFSET
+	}
+	return dx, dy
+}
+
+func (obj *Object) ToShape() shape.Shape {
+	tl := obj.TopLeft
+	if tl == nil {
+		tl = geo.NewPoint(0, 0)
+	}
+	dslShape := strings.ToLower(obj.Shape.Value)
+	shapeType := d2target.DSL_SHAPE_TO_SHAPE_TYPE[dslShape]
+	contentBox := geo.NewBox(tl, obj.Width, obj.Height)
+	return shape.NewShape(shapeType, contentBox)
+}
+
+func (obj *Object) GetLabelTopLeft() *geo.Point {
+	if obj.LabelPosition == nil {
+		return nil
+	}
+
+	s := obj.ToShape()
+	labelPosition := label.Position(*obj.LabelPosition)
+
+	var box *geo.Box
+	if labelPosition.IsOutside() {
+		box = s.GetBox()
+	} else {
+		box = s.GetInnerBox()
+	}
+
+	labelTL := labelPosition.GetPointOnBox(box, label.PADDING,
+		float64(obj.LabelDimensions.Width),
+		float64(obj.LabelDimensions.Height),
+	)
+	return labelTL
+}
diff --git a/d2layouts/d2dagrelayout/layout.go b/d2layouts/d2dagrelayout/layout.go
index db9c4f4b3..e033c61e7 100644
--- a/d2layouts/d2dagrelayout/layout.go
+++ b/d2layouts/d2dagrelayout/layout.go
@@ -119,9 +119,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
 		}
 
 		if obj.Icon != nil && obj.Shape.Value != d2target.ShapeImage {
-			contentBox := geo.NewBox(geo.NewPoint(0, 0), float64(obj.Width), float64(obj.Height))
-			shapeType := d2target.DSL_SHAPE_TO_SHAPE_TYPE[obj.Shape.Value]
-			s := shape.NewShape(shapeType, contentBox)
+			s := obj.ToShape()
 			iconSize := d2target.GetIconSize(s.GetInnerBox(), string(label.InsideTopLeft))
 			// Since dagre container labels are pushed up, we don't want a child container to collide
 			maxContainerLabelHeight = go2.Max(maxContainerLabelHeight, (iconSize+label.PADDING*2)*2)
@@ -240,7 +238,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
 		obj.Width = math.Ceil(dn.Width)
 		obj.Height = math.Ceil(dn.Height)
 
-		if obj.HasLabel() {
+		if obj.HasLabel() && obj.LabelPosition == nil {
 			if len(obj.ChildrenArray) > 0 {
 				obj.LabelPosition = go2.Pointer(string(label.OutsideTopCenter))
 			} else if obj.HasOutsideBottomLabel() {
@@ -253,7 +251,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
 				obj.LabelPosition = go2.Pointer(string(label.InsideMiddleCenter))
 			}
 		}
-		if obj.Icon != nil {
+		if obj.Icon != nil && obj.IconPosition == nil {
 			if len(obj.ChildrenArray) > 0 {
 				obj.IconPosition = go2.Pointer(string(label.OutsideTopLeft))
 				obj.LabelPosition = go2.Pointer(string(label.OutsideTopRight))
@@ -491,8 +489,8 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
 			}
 		}
 
-		srcShape := shape.NewShape(d2target.DSL_SHAPE_TO_SHAPE_TYPE[strings.ToLower(edge.Src.Shape.Value)], edge.Src.Box)
-		dstShape := shape.NewShape(d2target.DSL_SHAPE_TO_SHAPE_TYPE[strings.ToLower(edge.Dst.Shape.Value)], edge.Dst.Box)
+		srcShape := edge.Src.ToShape()
+		dstShape := edge.Dst.ToShape()
 
 		// trace the edge to the specific shape's border
 		points[startIndex] = shape.TraceToShapeBorder(srcShape, start, points[startIndex+1])
diff --git a/d2layouts/d2elklayout/layout.go b/d2layouts/d2elklayout/layout.go
index 5c29020a2..2fb5e160d 100644
--- a/d2layouts/d2elklayout/layout.go
+++ b/d2layouts/d2elklayout/layout.go
@@ -407,7 +407,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
 		obj.Width = math.Ceil(n.Width)
 		obj.Height = math.Ceil(n.Height)
 
-		if obj.HasLabel() {
+		if obj.HasLabel() && obj.LabelPosition == nil {
 			if len(obj.ChildrenArray) > 0 {
 				obj.LabelPosition = go2.Pointer(string(label.InsideTopCenter))
 			} else if obj.HasOutsideBottomLabel() {
@@ -419,7 +419,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
 				obj.LabelPosition = go2.Pointer(string(label.InsideMiddleCenter))
 			}
 		}
-		if obj.Icon != nil {
+		if obj.Icon != nil && obj.IconPosition == nil {
 			if len(obj.ChildrenArray) > 0 {
 				obj.IconPosition = go2.Pointer(string(label.InsideTopLeft))
 				obj.LabelPosition = go2.Pointer(string(label.InsideTopRight))
@@ -501,8 +501,8 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
 			}
 		}
 
-		srcShape := shape.NewShape(d2target.DSL_SHAPE_TO_SHAPE_TYPE[strings.ToLower(edge.Src.Shape.Value)], edge.Src.Box)
-		dstShape := shape.NewShape(d2target.DSL_SHAPE_TO_SHAPE_TYPE[strings.ToLower(edge.Dst.Shape.Value)], edge.Dst.Box)
+		srcShape := edge.Src.ToShape()
+		dstShape := edge.Dst.ToShape()
 
 		// trace the edge to the specific shape's border
 		points[startIndex] = shape.TraceToShapeBorder(srcShape, points[startIndex], points[startIndex+1])
diff --git a/d2layouts/d2grid/layout.go b/d2layouts/d2grid/layout.go
index 5ddc75839..390470583 100644
--- a/d2layouts/d2grid/layout.go
+++ b/d2layouts/d2grid/layout.go
@@ -6,13 +6,11 @@ import (
 	"fmt"
 	"math"
 	"sort"
-	"strings"
 
 	"oss.terrastruct.com/d2/d2graph"
 	"oss.terrastruct.com/d2/d2target"
 	"oss.terrastruct.com/d2/lib/geo"
 	"oss.terrastruct.com/d2/lib/label"
-	"oss.terrastruct.com/d2/lib/shape"
 	"oss.terrastruct.com/util-go/go2"
 )
 
@@ -104,42 +102,99 @@ func withoutGridDiagrams(ctx context.Context, g *d2graph.Graph, layout d2graph.L
 			if obj.GridGap != nil || obj.VerticalGap != nil {
 				verticalPadding = gd.verticalGap
 			}
+
 			// size shape according to grid
-			obj.SizeToContent(float64(gd.width), float64(gd.height), float64(2*horizontalPadding), float64(2*verticalPadding))
+			obj.SizeToContent(gd.width, gd.height, float64(2*horizontalPadding), float64(2*verticalPadding))
 
 			// compute where the grid should be placed inside shape
-			dslShape := strings.ToLower(obj.Shape.Value)
-			shapeType := d2target.DSL_SHAPE_TO_SHAPE_TYPE[dslShape]
-			s := shape.NewShape(shapeType, geo.NewBox(geo.NewPoint(0, 0), obj.Width, obj.Height))
+			s := obj.ToShape()
 			innerBox := s.GetInnerBox()
 			if innerBox.TopLeft.X != 0 || innerBox.TopLeft.Y != 0 {
 				gd.shift(innerBox.TopLeft.X, innerBox.TopLeft.Y)
 			}
 
+			// compute how much space the label and icon occupy
+			var occupiedWidth, occupiedHeight float64
+			if obj.Icon != nil {
+				iconSpace := float64(d2target.MAX_ICON_SIZE + 2*label.PADDING)
+				occupiedWidth = iconSpace
+				occupiedHeight = iconSpace
+			}
+
 			var dx, dy float64
-			if obj.LabelDimensions.Width != 0 {
-				labelWidth := float64(obj.LabelDimensions.Width) + 2*label.PADDING
-				if labelWidth > obj.Width {
-					dx = (labelWidth - obj.Width) / 2
-					obj.Width = labelWidth
-				}
-			}
 			if obj.LabelDimensions.Height != 0 {
-				labelHeight := float64(obj.LabelDimensions.Height) + 2*label.PADDING
-				if labelHeight > float64(verticalPadding) {
-					// if the label doesn't fit within the padding, we need to add more
-					grow := labelHeight - float64(verticalPadding)
-					dy = grow
-					obj.Height += grow
+				occupiedHeight = math.Max(
+					occupiedHeight,
+					float64(obj.LabelDimensions.Height)+2*label.PADDING,
+				)
+			}
+			if obj.LabelDimensions.Width != 0 {
+				// . ├────┤───────├────┤
+				// .  icon  label  icon
+				// with an icon in top left we need 2x the space to fit the label in the center
+				occupiedWidth *= 2
+				occupiedWidth += float64(obj.LabelDimensions.Width) + 2*label.PADDING
+				if occupiedWidth > obj.Width {
+					dx = (occupiedWidth - obj.Width) / 2
+					obj.Width = occupiedWidth
 				}
 			}
+
+			// also check for grid cells with outside top labels or icons
+			// the first grid object is at the top (and always exists)
+			topY := gd.objects[0].TopLeft.Y
+			highestOutside := topY
+			for _, o := range gd.objects {
+				// we only want to compute label positions for objects at the top of the grid
+				if o.TopLeft.Y > topY {
+					if gd.rowDirected {
+						// if the grid is rowDirected (row1, row2, etc) we can stop after finishing the first row
+						break
+					} else {
+						// otherwise we continue until the next column
+						continue
+					}
+				}
+				if o.LabelPosition != nil {
+					labelPosition := label.Position(*o.LabelPosition)
+					if labelPosition.IsOutside() {
+						labelTL := o.GetLabelTopLeft()
+						if labelTL.Y < highestOutside {
+							highestOutside = labelTL.Y
+						}
+					}
+				}
+				if o.IconPosition != nil {
+					switch label.Position(*o.IconPosition) {
+					case label.OutsideTopLeft, label.OutsideTopCenter, label.OutsideTopRight:
+						iconSpace := float64(d2target.MAX_ICON_SIZE + label.PADDING)
+						if topY-iconSpace < highestOutside {
+							highestOutside = topY - iconSpace
+						}
+					}
+				}
+			}
+			if highestOutside < topY {
+				occupiedHeight += topY - highestOutside + 2*label.PADDING
+			}
+			if occupiedHeight > float64(verticalPadding) {
+				// if the label doesn't fit within the padding, we need to add more
+				dy = occupiedHeight - float64(verticalPadding)
+				obj.Height += dy
+			}
+
 			// we need to center children if we have to expand to fit the container label
 			if dx != 0 || dy != 0 {
 				gd.shift(dx, dy)
 			}
 		}
 
-		obj.LabelPosition = go2.Pointer(string(label.InsideTopCenter))
+		if obj.HasLabel() {
+			obj.LabelPosition = go2.Pointer(string(label.InsideTopCenter))
+		}
+		if obj.Icon != nil {
+			obj.IconPosition = go2.Pointer(string(label.InsideTopLeft))
+		}
 		gridDiagrams[obj.AbsID()] = gd
 
 		for _, o := range gd.objects {
@@ -191,10 +246,17 @@ func layoutGrid(g *d2graph.Graph, obj *d2graph.Object) (*gridDiagram, error) {
 	// position labels and icons
 	for _, o := range gd.objects {
 		if o.Icon != nil {
-			o.LabelPosition = go2.Pointer(string(label.InsideTopCenter))
-			o.IconPosition = go2.Pointer(string(label.InsideMiddleCenter))
+			// don't overwrite position if nested graph layout positioned label/icon
+			if o.LabelPosition == nil {
+				o.LabelPosition = go2.Pointer(string(label.InsideTopCenter))
+			}
+			if o.IconPosition == nil {
+				o.IconPosition = go2.Pointer(string(label.InsideMiddleCenter))
+			}
 		} else {
-			o.LabelPosition = go2.Pointer(string(label.InsideMiddleCenter))
+			if o.LabelPosition == nil {
+				o.LabelPosition = go2.Pointer(string(label.InsideMiddleCenter))
+			}
 		}
 	}
 
diff --git a/e2etests/stable_test.go b/e2etests/stable_test.go
index f88f82fb5..ff25dfd6d 100644
--- a/e2etests/stable_test.go
+++ b/e2etests/stable_test.go
@@ -2723,6 +2723,7 @@ scenarios: {
 		loadFromFile(t, "grid_large_checkered"),
 		loadFromFile(t, "grid_nested"),
 		loadFromFile(t, "grid_nested_gap0"),
+		loadFromFile(t, "grid_icon"),
 		loadFromFile(t, "multiple_offset"),
 		loadFromFile(t, "multiple_offset_left"),
 	}
diff --git a/e2etests/testdata/files/grid_icon.d2 b/e2etests/testdata/files/grid_icon.d2
new file mode 100644
index 000000000..40fdce41e
--- /dev/null
+++ b/e2etests/testdata/files/grid_icon.d2
@@ -0,0 +1,67 @@
+classes: {
+  2x2: {
+    grid-rows: 2
+    grid-columns: 2
+  }
+}
+
+grid w/ container + icon: {
+  class: 2x2
+
+  a
+  b: {
+    b child
+
+    icon: https://icons.terrastruct.com/dev%2Fgithub.svg
+  }
+  c
+  d
+}
+
+grid + icon: {
+  class: 2x2
+
+  icon: https://icons.terrastruct.com/dev%2Fgithub.svg
+
+  a
+  b
+  c
+  d
+}
+
+grid + icon w/ container: {
+  class: 2x2
+
+  icon: https://icons.terrastruct.com/dev%2Fgithub.svg
+
+  a
+  b: {
+    b child
+  }
+  c
+  d
+}
+
+no label grid w/ container + icon: "" {
+  class: 2x2
+
+  a
+  b: {
+    b child
+
+    icon: https://icons.terrastruct.com/dev%2Fgithub.svg
+  }
+  c
+  d
+}
+
+no label grid + icon: "" {
+  class: 2x2
+
+  icon: https://icons.terrastruct.com/dev%2Fgithub.svg
+
+  a
+  b
+  c
+  d
+}
diff --git a/e2etests/testdata/stable/grid_icon/dagre/board.exp.json b/e2etests/testdata/stable/grid_icon/dagre/board.exp.json
new file mode 100644
index 000000000..4ad3f73ef
--- /dev/null
+++ b/e2etests/testdata/stable/grid_icon/dagre/board.exp.json
@@ -0,0 +1,1271 @@
+{
+  "name": "",
+  "isFolderOnly": false,
+  "fontFamily": "SourceSansPro",
+  "shapes": [
+    {
+      "id": "grid w/ container + icon",
+      "type": "rectangle",
+      "classes": [
+        "2x2"
+      ],
+      "pos": {
+        "x": 0,
+        "y": 18
+      },
+      "width": 384,
+      "height": 421,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "grid w/ container + icon",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 273,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "grid w/ container + icon.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 60,
+        "y": 143
+      },
+      "width": 53,
+      "height": 130,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid w/ container + icon.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 153,
+        "y": 143
+      },
+      "width": 171,
+      "height": 130,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": {
+        "Scheme": "https",
+        "Opaque": "",
+        "User": null,
+        "Host": "icons.terrastruct.com",
+        "Path": "/dev/github.svg",
+        "RawPath": "/dev%2Fgithub.svg",
+        "OmitHost": false,
+        "ForceQuery": false,
+        "RawQuery": "",
+        "Fragment": "",
+        "RawFragment": ""
+      },
+      "iconPosition": "OUTSIDE_TOP_LEFT",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 24,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 12,
+      "labelHeight": 31,
+      "labelPosition": "OUTSIDE_TOP_RIGHT",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid w/ container + icon.b.b child",
+      "type": "rectangle",
+      "pos": {
+        "x": 193,
+        "y": 175
+      },
+      "width": 91,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b child",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 46,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 3
+    },
+    {
+      "id": "grid w/ container + icon.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 60,
+        "y": 313
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid w/ container + icon.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 153,
+        "y": 313
+      },
+      "width": 171,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon",
+      "type": "rectangle",
+      "classes": [
+        "2x2"
+      ],
+      "pos": {
+        "x": 444,
+        "y": 55
+      },
+      "width": 278,
+      "height": 347,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": {
+        "Scheme": "https",
+        "Opaque": "",
+        "User": null,
+        "Host": "icons.terrastruct.com",
+        "Path": "/dev/github.svg",
+        "RawPath": "/dev%2Fgithub.svg",
+        "OmitHost": false,
+        "ForceQuery": false,
+        "RawQuery": "",
+        "Fragment": "",
+        "RawFragment": ""
+      },
+      "iconPosition": "INSIDE_TOP_LEFT",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "grid + icon",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 120,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "grid + icon.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 509,
+        "y": 129
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 602,
+        "y": 129
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 509,
+        "y": 235
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 602,
+        "y": 235
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon w/ container",
+      "type": "rectangle",
+      "classes": [
+        "2x2"
+      ],
+      "pos": {
+        "x": 782,
+        "y": 0
+      },
+      "width": 433,
+      "height": 457,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": {
+        "Scheme": "https",
+        "Opaque": "",
+        "User": null,
+        "Host": "icons.terrastruct.com",
+        "Path": "/dev/github.svg",
+        "RawPath": "/dev%2Fgithub.svg",
+        "OmitHost": false,
+        "ForceQuery": false,
+        "RawQuery": "",
+        "Fragment": "",
+        "RawFragment": ""
+      },
+      "iconPosition": "INSIDE_TOP_LEFT",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "grid + icon w/ container",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 275,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "grid + icon w/ container.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 866,
+        "y": 120
+      },
+      "width": 53,
+      "height": 130,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon w/ container.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 959,
+        "y": 120
+      },
+      "width": 171,
+      "height": 130,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 24,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 12,
+      "labelHeight": 31,
+      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon w/ container.b.b child",
+      "type": "rectangle",
+      "pos": {
+        "x": 999,
+        "y": 152
+      },
+      "width": 91,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b child",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 46,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 3
+    },
+    {
+      "id": "grid + icon w/ container.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 866,
+        "y": 290
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon w/ container.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 959,
+        "y": 290
+      },
+      "width": 171,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid w/ container + icon",
+      "type": "rectangle",
+      "classes": [
+        "2x2"
+      ],
+      "pos": {
+        "x": 1275,
+        "y": 41
+      },
+      "width": 384,
+      "height": 375,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "no label grid w/ container + icon.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 1335,
+        "y": 120
+      },
+      "width": 53,
+      "height": 130,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid w/ container + icon.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 1428,
+        "y": 120
+      },
+      "width": 171,
+      "height": 130,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": {
+        "Scheme": "https",
+        "Opaque": "",
+        "User": null,
+        "Host": "icons.terrastruct.com",
+        "Path": "/dev/github.svg",
+        "RawPath": "/dev%2Fgithub.svg",
+        "OmitHost": false,
+        "ForceQuery": false,
+        "RawQuery": "",
+        "Fragment": "",
+        "RawFragment": ""
+      },
+      "iconPosition": "OUTSIDE_TOP_LEFT",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 24,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 12,
+      "labelHeight": 31,
+      "labelPosition": "OUTSIDE_TOP_RIGHT",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid w/ container + icon.b.b child",
+      "type": "rectangle",
+      "pos": {
+        "x": 1468,
+        "y": 152
+      },
+      "width": 91,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b child",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 46,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 3
+    },
+    {
+      "id": "no label grid w/ container + icon.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 1335,
+        "y": 290
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid w/ container + icon.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 1428,
+        "y": 290
+      },
+      "width": 171,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid + icon",
+      "type": "rectangle",
+      "classes": [
+        "2x2"
+      ],
+      "pos": {
+        "x": 1719,
+        "y": 76
+      },
+      "width": 267,
+      "height": 306,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": {
+        "Scheme": "https",
+        "Opaque": "",
+        "User": null,
+        "Host": "icons.terrastruct.com",
+        "Path": "/dev/github.svg",
+        "RawPath": "/dev%2Fgithub.svg",
+        "OmitHost": false,
+        "ForceQuery": false,
+        "RawQuery": "",
+        "Fragment": "",
+        "RawFragment": ""
+      },
+      "iconPosition": "INSIDE_TOP_LEFT",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "no label grid + icon.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 1779,
+        "y": 150
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid + icon.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 1872,
+        "y": 150
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid + icon.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 1779,
+        "y": 256
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid + icon.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 1872,
+        "y": 256
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    }
+  ],
+  "connections": [],
+  "root": {
+    "id": "",
+    "type": "",
+    "pos": {
+      "x": 0,
+      "y": 0
+    },
+    "width": 0,
+    "height": 0,
+    "opacity": 0,
+    "strokeDash": 0,
+    "strokeWidth": 0,
+    "borderRadius": 0,
+    "fill": "N7",
+    "stroke": "",
+    "shadow": false,
+    "3d": false,
+    "multiple": false,
+    "double-border": false,
+    "tooltip": "",
+    "link": "",
+    "icon": null,
+    "iconPosition": "",
+    "blend": false,
+    "fields": null,
+    "methods": null,
+    "columns": null,
+    "label": "",
+    "fontSize": 0,
+    "fontFamily": "",
+    "language": "",
+    "color": "",
+    "italic": false,
+    "bold": false,
+    "underline": false,
+    "labelWidth": 0,
+    "labelHeight": 0,
+    "zIndex": 0,
+    "level": 0
+  }
+}
diff --git a/e2etests/testdata/stable/grid_icon/dagre/sketch.exp.svg b/e2etests/testdata/stable/grid_icon/dagre/sketch.exp.svg
new file mode 100644
index 000000000..92e20b3c2
--- /dev/null
+++ b/e2etests/testdata/stable/grid_icon/dagre/sketch.exp.svg
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1988 459"><svg id="d2-svg" class="d2-3381334095" width="1988" height="459" viewBox="-1 -1 1988 459"><rect x="-1.000000" y="-1.000000" width="1988.000000" height="459.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-3381334095 .text {
+	font-family: "d2-3381334095-font-regular";
+}
+@font-face {
+	font-family: d2-3381334095-font-regular;
+	src: url("data:application/font-woff;base64,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");
+}
+.d2-3381334095 .text-bold {
+	font-family: "d2-3381334095-font-bold";
+}
+@font-face {
+	font-family: d2-3381334095-font-bold;
+	src: url("data:application/font-woff;base64,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");
+}]]></style><style type="text/css"><![CDATA[.shape {
+  shape-rendering: geometricPrecision;
+  stroke-linejoin: round;
+}
+.connection {
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+.blend {
+  mix-blend-mode: multiply;
+  opacity: 0.5;
+}
+
+		.d2-3381334095 .fill-N1{fill:#0A0F25;}
+		.d2-3381334095 .fill-N2{fill:#676C7E;}
+		.d2-3381334095 .fill-N3{fill:#9499AB;}
+		.d2-3381334095 .fill-N4{fill:#CFD2DD;}
+		.d2-3381334095 .fill-N5{fill:#DEE1EB;}
+		.d2-3381334095 .fill-N6{fill:#EEF1F8;}
+		.d2-3381334095 .fill-N7{fill:#FFFFFF;}
+		.d2-3381334095 .fill-B1{fill:#0D32B2;}
+		.d2-3381334095 .fill-B2{fill:#0D32B2;}
+		.d2-3381334095 .fill-B3{fill:#E3E9FD;}
+		.d2-3381334095 .fill-B4{fill:#E3E9FD;}
+		.d2-3381334095 .fill-B5{fill:#EDF0FD;}
+		.d2-3381334095 .fill-B6{fill:#F7F8FE;}
+		.d2-3381334095 .fill-AA2{fill:#4A6FF3;}
+		.d2-3381334095 .fill-AA4{fill:#EDF0FD;}
+		.d2-3381334095 .fill-AA5{fill:#F7F8FE;}
+		.d2-3381334095 .fill-AB4{fill:#EDF0FD;}
+		.d2-3381334095 .fill-AB5{fill:#F7F8FE;}
+		.d2-3381334095 .stroke-N1{stroke:#0A0F25;}
+		.d2-3381334095 .stroke-N2{stroke:#676C7E;}
+		.d2-3381334095 .stroke-N3{stroke:#9499AB;}
+		.d2-3381334095 .stroke-N4{stroke:#CFD2DD;}
+		.d2-3381334095 .stroke-N5{stroke:#DEE1EB;}
+		.d2-3381334095 .stroke-N6{stroke:#EEF1F8;}
+		.d2-3381334095 .stroke-N7{stroke:#FFFFFF;}
+		.d2-3381334095 .stroke-B1{stroke:#0D32B2;}
+		.d2-3381334095 .stroke-B2{stroke:#0D32B2;}
+		.d2-3381334095 .stroke-B3{stroke:#E3E9FD;}
+		.d2-3381334095 .stroke-B4{stroke:#E3E9FD;}
+		.d2-3381334095 .stroke-B5{stroke:#EDF0FD;}
+		.d2-3381334095 .stroke-B6{stroke:#F7F8FE;}
+		.d2-3381334095 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-3381334095 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-3381334095 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-3381334095 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-3381334095 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-3381334095 .background-color-N1{background-color:#0A0F25;}
+		.d2-3381334095 .background-color-N2{background-color:#676C7E;}
+		.d2-3381334095 .background-color-N3{background-color:#9499AB;}
+		.d2-3381334095 .background-color-N4{background-color:#CFD2DD;}
+		.d2-3381334095 .background-color-N5{background-color:#DEE1EB;}
+		.d2-3381334095 .background-color-N6{background-color:#EEF1F8;}
+		.d2-3381334095 .background-color-N7{background-color:#FFFFFF;}
+		.d2-3381334095 .background-color-B1{background-color:#0D32B2;}
+		.d2-3381334095 .background-color-B2{background-color:#0D32B2;}
+		.d2-3381334095 .background-color-B3{background-color:#E3E9FD;}
+		.d2-3381334095 .background-color-B4{background-color:#E3E9FD;}
+		.d2-3381334095 .background-color-B5{background-color:#EDF0FD;}
+		.d2-3381334095 .background-color-B6{background-color:#F7F8FE;}
+		.d2-3381334095 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-3381334095 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-3381334095 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-3381334095 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-3381334095 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-3381334095 .color-N1{color:#0A0F25;}
+		.d2-3381334095 .color-N2{color:#676C7E;}
+		.d2-3381334095 .color-N3{color:#9499AB;}
+		.d2-3381334095 .color-N4{color:#CFD2DD;}
+		.d2-3381334095 .color-N5{color:#DEE1EB;}
+		.d2-3381334095 .color-N6{color:#EEF1F8;}
+		.d2-3381334095 .color-N7{color:#FFFFFF;}
+		.d2-3381334095 .color-B1{color:#0D32B2;}
+		.d2-3381334095 .color-B2{color:#0D32B2;}
+		.d2-3381334095 .color-B3{color:#E3E9FD;}
+		.d2-3381334095 .color-B4{color:#E3E9FD;}
+		.d2-3381334095 .color-B5{color:#EDF0FD;}
+		.d2-3381334095 .color-B6{color:#F7F8FE;}
+		.d2-3381334095 .color-AA2{color:#4A6FF3;}
+		.d2-3381334095 .color-AA4{color:#EDF0FD;}
+		.d2-3381334095 .color-AA5{color:#F7F8FE;}
+		.d2-3381334095 .color-AB4{color:#EDF0FD;}
+		.d2-3381334095 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="grid w/ container + icon" class="2x2"><g class="shape" ><rect x="0.000000" y="18.000000" width="384.000000" height="421.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="51.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ container + icon</text></g><g id="grid + icon" class="2x2"><g class="shape" ><rect x="444.000000" y="55.000000" width="278.000000" height="347.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="449.000000" y="60.000000" width="64" height="64" /><text x="583.000000" y="88.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid + icon</text></g><g id="grid + icon w/ container" class="2x2"><g class="shape" ><rect x="782.000000" y="0.000000" width="433.000000" height="457.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="787.000000" y="5.000000" width="64" height="64" /><text x="998.500000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid + icon w/ container</text></g><g id="no label grid w/ container + icon" class="2x2"><g class="shape" ><rect x="1275.000000" y="41.000000" width="384.000000" height="375.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g></g><g id="no label grid + icon" class="2x2"><g class="shape" ><rect x="1719.000000" y="76.000000" width="267.000000" height="306.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="1724.000000" y="81.000000" width="64" height="64" /></g><g id="grid w/ container + icon.a"><g class="shape" ><rect x="60.000000" y="143.000000" width="53.000000" height="130.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="86.500000" y="213.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ container + icon.b"><g class="shape" ><rect x="153.000000" y="143.000000" width="171.000000" height="130.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="148.000000" y="74.000000" width="64" height="64" /><text x="313.000000" y="131.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ container + icon.c"><g class="shape" ><rect x="60.000000" y="313.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="86.500000" y="351.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ container + icon.d"><g class="shape" ><rect x="153.000000" y="313.000000" width="171.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="238.500000" y="351.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid + icon.a"><g class="shape" ><rect x="509.000000" y="129.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="535.500000" y="167.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid + icon.b"><g class="shape" ><rect x="602.000000" y="129.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="629.000000" y="167.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid + icon.c"><g class="shape" ><rect x="509.000000" y="235.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="535.500000" y="273.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid + icon.d"><g class="shape" ><rect x="602.000000" y="235.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="629.000000" y="273.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid + icon w/ container.a"><g class="shape" ><rect x="866.000000" y="120.000000" width="53.000000" height="130.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="892.500000" y="190.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid + icon w/ container.b"><g class="shape" ><rect x="959.000000" y="120.000000" width="171.000000" height="130.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1044.500000" y="108.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid + icon w/ container.c"><g class="shape" ><rect x="866.000000" y="290.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="892.500000" y="328.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid + icon w/ container.d"><g class="shape" ><rect x="959.000000" y="290.000000" width="171.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1044.500000" y="328.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="no label grid w/ container + icon.a"><g class="shape" ><rect x="1335.000000" y="120.000000" width="53.000000" height="130.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1361.500000" y="190.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="no label grid w/ container + icon.b"><g class="shape" ><rect x="1428.000000" y="120.000000" width="171.000000" height="130.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="1423.000000" y="51.000000" width="64" height="64" /><text x="1588.000000" y="108.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="no label grid w/ container + icon.c"><g class="shape" ><rect x="1335.000000" y="290.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1361.500000" y="328.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="no label grid w/ container + icon.d"><g class="shape" ><rect x="1428.000000" y="290.000000" width="171.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1513.500000" y="328.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="no label grid + icon.a"><g class="shape" ><rect x="1779.000000" y="150.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1805.500000" y="188.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="no label grid + icon.b"><g class="shape" ><rect x="1872.000000" y="150.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1899.000000" y="188.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="no label grid + icon.c"><g class="shape" ><rect x="1779.000000" y="256.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1805.500000" y="294.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="no label grid + icon.d"><g class="shape" ><rect x="1872.000000" y="256.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1899.000000" y="294.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ container + icon.b.b child"><g class="shape" ><rect x="193.000000" y="175.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="238.500000" y="213.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><g id="grid + icon w/ container.b.b child"><g class="shape" ><rect x="999.000000" y="152.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1044.500000" y="190.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><g id="no label grid w/ container + icon.b.b child"><g class="shape" ><rect x="1468.000000" y="152.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1513.500000" y="190.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><mask id="d2-3381334095" maskUnits="userSpaceOnUse" x="-1" y="-1" width="1988" height="459">
+<rect x="-1" y="-1" width="1988" height="459" fill="white"></rect>
+
+</mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/stable/grid_icon/elk/board.exp.json b/e2etests/testdata/stable/grid_icon/elk/board.exp.json
new file mode 100644
index 000000000..be644853a
--- /dev/null
+++ b/e2etests/testdata/stable/grid_icon/elk/board.exp.json
@@ -0,0 +1,1271 @@
+{
+  "name": "",
+  "isFolderOnly": false,
+  "fontFamily": "SourceSansPro",
+  "shapes": [
+    {
+      "id": "grid w/ container + icon",
+      "type": "rectangle",
+      "classes": [
+        "2x2"
+      ],
+      "pos": {
+        "x": 12,
+        "y": 27
+      },
+      "width": 404,
+      "height": 416,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "grid w/ container + icon",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 273,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "grid w/ container + icon.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 72,
+        "y": 87
+      },
+      "width": 53,
+      "height": 190,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid w/ container + icon.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 165,
+        "y": 87
+      },
+      "width": 191,
+      "height": 190,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": {
+        "Scheme": "https",
+        "Opaque": "",
+        "User": null,
+        "Host": "icons.terrastruct.com",
+        "Path": "/dev/github.svg",
+        "RawPath": "/dev%2Fgithub.svg",
+        "OmitHost": false,
+        "ForceQuery": false,
+        "RawQuery": "",
+        "Fragment": "",
+        "RawFragment": ""
+      },
+      "iconPosition": "INSIDE_TOP_LEFT",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 24,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 12,
+      "labelHeight": 31,
+      "labelPosition": "INSIDE_TOP_RIGHT",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid w/ container + icon.b.b child",
+      "type": "rectangle",
+      "pos": {
+        "x": 215,
+        "y": 161
+      },
+      "width": 91,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b child",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 46,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 3
+    },
+    {
+      "id": "grid w/ container + icon.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 72,
+        "y": 317
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid w/ container + icon.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 165,
+        "y": 317
+      },
+      "width": 191,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon",
+      "type": "rectangle",
+      "classes": [
+        "2x2"
+      ],
+      "pos": {
+        "x": 436,
+        "y": 62
+      },
+      "width": 278,
+      "height": 347,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": {
+        "Scheme": "https",
+        "Opaque": "",
+        "User": null,
+        "Host": "icons.terrastruct.com",
+        "Path": "/dev/github.svg",
+        "RawPath": "/dev%2Fgithub.svg",
+        "OmitHost": false,
+        "ForceQuery": false,
+        "RawQuery": "",
+        "Fragment": "",
+        "RawFragment": ""
+      },
+      "iconPosition": "INSIDE_TOP_LEFT",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "grid + icon",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 120,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "grid + icon.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 501,
+        "y": 136
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 594,
+        "y": 136
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 501,
+        "y": 242
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 594,
+        "y": 242
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon w/ container",
+      "type": "rectangle",
+      "classes": [
+        "2x2"
+      ],
+      "pos": {
+        "x": 734,
+        "y": 12
+      },
+      "width": 433,
+      "height": 447,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": {
+        "Scheme": "https",
+        "Opaque": "",
+        "User": null,
+        "Host": "icons.terrastruct.com",
+        "Path": "/dev/github.svg",
+        "RawPath": "/dev%2Fgithub.svg",
+        "OmitHost": false,
+        "ForceQuery": false,
+        "RawQuery": "",
+        "Fragment": "",
+        "RawFragment": ""
+      },
+      "iconPosition": "INSIDE_TOP_LEFT",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "grid + icon w/ container",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 275,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "grid + icon w/ container.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 808,
+        "y": 86
+      },
+      "width": 53,
+      "height": 166,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon w/ container.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 901,
+        "y": 86
+      },
+      "width": 191,
+      "height": 166,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 24,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 12,
+      "labelHeight": 31,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon w/ container.b.b child",
+      "type": "rectangle",
+      "pos": {
+        "x": 951,
+        "y": 136
+      },
+      "width": 91,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b child",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 46,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 3
+    },
+    {
+      "id": "grid + icon w/ container.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 808,
+        "y": 292
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "grid + icon w/ container.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 901,
+        "y": 292
+      },
+      "width": 191,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid w/ container + icon",
+      "type": "rectangle",
+      "classes": [
+        "2x2"
+      ],
+      "pos": {
+        "x": 1187,
+        "y": 27
+      },
+      "width": 404,
+      "height": 416,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "no label grid w/ container + icon.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 1247,
+        "y": 87
+      },
+      "width": 53,
+      "height": 190,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid w/ container + icon.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 1340,
+        "y": 87
+      },
+      "width": 191,
+      "height": 190,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": {
+        "Scheme": "https",
+        "Opaque": "",
+        "User": null,
+        "Host": "icons.terrastruct.com",
+        "Path": "/dev/github.svg",
+        "RawPath": "/dev%2Fgithub.svg",
+        "OmitHost": false,
+        "ForceQuery": false,
+        "RawQuery": "",
+        "Fragment": "",
+        "RawFragment": ""
+      },
+      "iconPosition": "INSIDE_TOP_LEFT",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 24,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 12,
+      "labelHeight": 31,
+      "labelPosition": "INSIDE_TOP_RIGHT",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid w/ container + icon.b.b child",
+      "type": "rectangle",
+      "pos": {
+        "x": 1390,
+        "y": 161
+      },
+      "width": 91,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b child",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 46,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 3
+    },
+    {
+      "id": "no label grid w/ container + icon.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 1247,
+        "y": 317
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid w/ container + icon.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 1340,
+        "y": 317
+      },
+      "width": 191,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid + icon",
+      "type": "rectangle",
+      "classes": [
+        "2x2"
+      ],
+      "pos": {
+        "x": 1611,
+        "y": 82
+      },
+      "width": 267,
+      "height": 306,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": {
+        "Scheme": "https",
+        "Opaque": "",
+        "User": null,
+        "Host": "icons.terrastruct.com",
+        "Path": "/dev/github.svg",
+        "RawPath": "/dev%2Fgithub.svg",
+        "OmitHost": false,
+        "ForceQuery": false,
+        "RawQuery": "",
+        "Fragment": "",
+        "RawFragment": ""
+      },
+      "iconPosition": "INSIDE_TOP_LEFT",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "no label grid + icon.a",
+      "type": "rectangle",
+      "pos": {
+        "x": 1671,
+        "y": 156
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "a",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid + icon.b",
+      "type": "rectangle",
+      "pos": {
+        "x": 1764,
+        "y": 156
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "b",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid + icon.c",
+      "type": "rectangle",
+      "pos": {
+        "x": 1671,
+        "y": 262
+      },
+      "width": 53,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "c",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 8,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "no label grid + icon.d",
+      "type": "rectangle",
+      "pos": {
+        "x": 1764,
+        "y": 262
+      },
+      "width": 54,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "d",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 9,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 2
+    }
+  ],
+  "connections": [],
+  "root": {
+    "id": "",
+    "type": "",
+    "pos": {
+      "x": 0,
+      "y": 0
+    },
+    "width": 0,
+    "height": 0,
+    "opacity": 0,
+    "strokeDash": 0,
+    "strokeWidth": 0,
+    "borderRadius": 0,
+    "fill": "N7",
+    "stroke": "",
+    "shadow": false,
+    "3d": false,
+    "multiple": false,
+    "double-border": false,
+    "tooltip": "",
+    "link": "",
+    "icon": null,
+    "iconPosition": "",
+    "blend": false,
+    "fields": null,
+    "methods": null,
+    "columns": null,
+    "label": "",
+    "fontSize": 0,
+    "fontFamily": "",
+    "language": "",
+    "color": "",
+    "italic": false,
+    "bold": false,
+    "underline": false,
+    "labelWidth": 0,
+    "labelHeight": 0,
+    "zIndex": 0,
+    "level": 0
+  }
+}
diff --git a/e2etests/testdata/stable/grid_icon/elk/sketch.exp.svg b/e2etests/testdata/stable/grid_icon/elk/sketch.exp.svg
new file mode 100644
index 000000000..ab9421789
--- /dev/null
+++ b/e2etests/testdata/stable/grid_icon/elk/sketch.exp.svg
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1868 449"><svg id="d2-svg" class="d2-433253505" width="1868" height="449" viewBox="11 11 1868 449"><rect x="11.000000" y="11.000000" width="1868.000000" height="449.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-433253505 .text {
+	font-family: "d2-433253505-font-regular";
+}
+@font-face {
+	font-family: d2-433253505-font-regular;
+	src: url("data:application/font-woff;base64,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");
+}
+.d2-433253505 .text-bold {
+	font-family: "d2-433253505-font-bold";
+}
+@font-face {
+	font-family: d2-433253505-font-bold;
+	src: url("data:application/font-woff;base64,d09GRgABAAAAAAqgAAoAAAAAELwAAguFAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgXxHXrmNtYXAAAAFUAAAAdQAAAJgC1AJ2Z2x5ZgAAAcwAAASTAAAF1GCJ7SBoZWFkAAAGYAAAADYAAAA2G38e1GhoZWEAAAaYAAAAJAAAACQKfwXTaG10eAAABrwAAABQAAAAUCNTAvFsb2NhAAAHDAAAACoAAAAqEaAQJG1heHAAAAc4AAAAIAAAACAALAD3bmFtZQAAB1gAAAMoAAAIKgjwVkFwb3N0AAAKgAAAAB0AAAAg/9EAMgADAioCvAAFAAACigJYAAAASwKKAlgAAAFeADIBKQAAAgsHAwMEAwICBGAAAvcAAAADAAAAAAAAAABBREJPACAAIP//Au7/BgAAA9gBESAAAZ8AAAAAAfAClAAAACAAA3icbMw9DsFwHIDhp/5VX0UtZrvBmQwikoZEJCb3EEI4WhfX+EmEzTs+w4tMkqGUO2GqkhRm5hZWNmo7ewfHCL6+tFbb/jyaeEUTz3jEPW5xjUucP9d/ZSYqLUmurdDR1dM3UBoaGfMGAAD//wEAAP//Xh4dOAAAAHicZJRPbNPmG8ef943r95fgkjqJ7SSNyZ+3seO0SWhc26VpSfNr2kJJoQUNioAGOCC0QqtBWQtC4oKmadM0aeEwcZh22A6TmNRpmtQhdUe2ip0GEqdJmzRxnCJU7RSSyU4KTBwsv5Lt5/t5nu/3MXTBHAC+iO+BC9zgBR8IADof55O6qlJi6ZZFJZelIp7MYV/z669UjdE0Jh37PHqrWkWzi/jeyytnZi9e/KdaKDS/+PFh8xN0/SEAhnRrBz1FDQgBBZASijFkWopCEyxRTVPPiwJPVcqyVt60DJYVAuJP5bm7NUy16HifkVsaqV5a9zDR6f+Fkv6jo1HuVPHogjeuBoULct/yteZfeoRek/ynPP1yUAJbr9TawSLeggBEAboSikoJ5XWBOGKiEGBZNW8aQzRBBFFEk/EJmeGu1xi5nBhdyI1WFxTz5IAWSHHxmIG3HlTC8sH3Ku/cLK5PVT7IPPbtBQAEfa0dtIUaEHYU7Jbs4hKx2xICop43LYllUWhypXTo/XJ2OjJJY0axuD+Y9Y8kT3JjN46fWB3bJ1XlSml8VvCej/WCw662dlADb4EfYruzcgqrhv7GlJSOzIuzK4XqkDYcYmvrHiY8hYOqz98foGaO+/jm/I2DkWDlm5cTg2G6Hgg99u2dmD48Cdhh/xM1INiZz66IPRoSF0U9b7O79CFbBUWnr/1/4kph+lyOwc1nnqlBwxxUFu9/rw4kTO7g6vH51WJxqexPuk09fjq8D41oRs7uxQWJVgYT1IAcFGDG6UYxhmx4OwDGrqykC7TtCk2ozuzsSARY1mWb1GnU3z7ThOK88mJkcXja3xsLhrWRRWMg/sMx4h5asOSoL6HNnb1Qvj0jq6osq6qWH1eTeijO9Y49CQ8PjKaY7lS0N9/D+Mr9o8dS3NKeRODATJ/HK/p9hQl9Pou205qqpVJaulnrC0k9LlcwFJHB8bxkG+TkCvRXeRJ4yjuUhC/VSORIfv5wTY5FUkG89eB0qH/pXPNXFDdTIan5HbRaYAHA7/gJVsAHAAT88FG7dmsH+fAWeNuu8zr/KkS/VAo13t1FWB+X5M4cwfTlM8mH0NUussuEGh0mSX+Lad3DxGZfQaF6cV/mP0ztPDg+eaH3rTy0V6XjAhKLK+XySrG4XC4vFzPZbCabyXSyPLZ64viNsbXZ8VLFjnRnXuhT1LA7fc0mEeU1WW9FESKeYHeoJzIWQPVT+cGurjsMo+WbfwACvrWDlvEqSA6VYVDDsnRBF+gbCwZnj5Ur/K21NSpzIY/kt7h3T25fZe/evf5zOskySyzX9i4IgOuoDnEA3aVLomjjWNYbJxdVFcXeMELu3f5sP+thGdLttu4Mu72EIW6S+3DtQYZ0E4bsIQOo/jx5SFFm6HPnfij5vNnziE6lUlP0kaPX3TqPTPwIXACSX3d1b5/f/tJ1qXHffpaARfQ3NmEPgGVQQzfaTf22sXFlY2Nx8/Lm5uXNzvzgKarbNXRe50s1VG/2AGp9iw/ACfzE/p53/hDthUlms8lkNosPpClN2xf8CwAA//8BAAD//7qdLyAAAAEAAAACC4VY+6x1Xw889QABA+gAAAAA2F2ghAAAAADdZi82/jf+xAhtA/EAAQADAAIAAAAAAAAAAQAAA9j+7wAACJj+N/43CG0AAQAAAAAAAAAAAAAAAAAAABQCsgBQAMgAAAIPACoCPQBBAdMAJAI9ACcCBgAkAhYAIgI7AEEBFAA3AR4AQQI8AEECKwAkAY4AQQF/ABEDCAAYAVMADQIQACIBFABBAAD/rQAAACwALABkAJYAwgD0ASgBkAGyAb4B2gH8AigCSAJuAqYCtALIAtQC6gAAAAEAAAAUAJAADABjAAcAAQAAAAAAAAAAAAAAAAAEAAN4nJyUz24bVRTGf05s0wrBAkVVuonugkWR6NhUSdU2K4fUikUUB48LQkJIE8/4jzKeGXkmDuEJWPMWvEVXPATPgVij+Xzs2AXRJoqSfHfu+fOdc75zgR3+ZptK9SHwRz0xXGGvfm54iwf1E8PbtOtbhqs8qf1puEZYmxuu83mtZ/gj3lZ/M/yA/epPhh+yW20b/phn1R3Dn2w7/jL8Kfu8XeAKvOBXwxV2yQxvscOPhrd5hMWsVHlE03CNz9gzXGcP6DOhIGZCwgjHkAkjrpgRkeMTMWPCkIgQR4cWMYW+JgRCjtF/fg3wKZgRKOKYAkeMT0xAztgi/iKvlHNlHOo0s7sWBWMCLuRxSUCCI2VESkLEpeIUFGS8okGDnIH4ZhTkeORMiPFImTGiQZc2p/QZMyHH0VakkplPypCCawLld2ZRdmZAREJurK5ICMXTiV8k7w6nOLpksl2PfLoR4Usc38m75JbK9is8/bo1Zpt5l2wC5upnrK7EurnWBMe6LfO2+Fa44BXuXv3ZZPL+HoX6XyjyBVeaf6hJJWKS4NwuLXwpyHePcRzp3MFXR76nQ58Turyhr3OLHj1anNGnw2v5dunh+JouZxzLoyO8uGtLMWf8gOMbOrIpY0fWn8XEIn4mM3Xn4jhTHVMy9bxk7qnWSBXefcLlDqUb6sjlM9AelZZO80u0ZwEjU0UmhlP1cqmN3PoXmiKmqqWc7e19uQ1z273lFt+QaodLtS44lZNbMHrfVL13NHOtH4+AkJQLWQxImdKg4Ea8zwm4IsZxrO6daEsKWiufMs+NVBIxFYMOieLMyPQ3MN34xn2woXtnb0ko/5Lp5aqq+2Rx6tXtjN6oe8s737ocrU2gYVNN19Q0ENfEtB9pp9b5+/LN9bqlPOWIlJjwXy/AMzya7HPAIWNlGOhmbq9DUy9Ek5ccqvpLIlkNpefIIhzg8ZwDDnjJ83f6uGTijItbcVnP3eKYI7ocflAVC/suR7xeffv/rL+LaVO1OJ6uTi/uPcUnd1DrF9qz2/eyp4mVk5hbtNutOCNgWnJxu+s1ucd4/wAAAP//AQAA///0t09ReJxiYGYAg//nGIwYsAAAAAAA//8BAAD//y8BAgMAAAA=");
+}]]></style><style type="text/css"><![CDATA[.shape {
+  shape-rendering: geometricPrecision;
+  stroke-linejoin: round;
+}
+.connection {
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+.blend {
+  mix-blend-mode: multiply;
+  opacity: 0.5;
+}
+
+		.d2-433253505 .fill-N1{fill:#0A0F25;}
+		.d2-433253505 .fill-N2{fill:#676C7E;}
+		.d2-433253505 .fill-N3{fill:#9499AB;}
+		.d2-433253505 .fill-N4{fill:#CFD2DD;}
+		.d2-433253505 .fill-N5{fill:#DEE1EB;}
+		.d2-433253505 .fill-N6{fill:#EEF1F8;}
+		.d2-433253505 .fill-N7{fill:#FFFFFF;}
+		.d2-433253505 .fill-B1{fill:#0D32B2;}
+		.d2-433253505 .fill-B2{fill:#0D32B2;}
+		.d2-433253505 .fill-B3{fill:#E3E9FD;}
+		.d2-433253505 .fill-B4{fill:#E3E9FD;}
+		.d2-433253505 .fill-B5{fill:#EDF0FD;}
+		.d2-433253505 .fill-B6{fill:#F7F8FE;}
+		.d2-433253505 .fill-AA2{fill:#4A6FF3;}
+		.d2-433253505 .fill-AA4{fill:#EDF0FD;}
+		.d2-433253505 .fill-AA5{fill:#F7F8FE;}
+		.d2-433253505 .fill-AB4{fill:#EDF0FD;}
+		.d2-433253505 .fill-AB5{fill:#F7F8FE;}
+		.d2-433253505 .stroke-N1{stroke:#0A0F25;}
+		.d2-433253505 .stroke-N2{stroke:#676C7E;}
+		.d2-433253505 .stroke-N3{stroke:#9499AB;}
+		.d2-433253505 .stroke-N4{stroke:#CFD2DD;}
+		.d2-433253505 .stroke-N5{stroke:#DEE1EB;}
+		.d2-433253505 .stroke-N6{stroke:#EEF1F8;}
+		.d2-433253505 .stroke-N7{stroke:#FFFFFF;}
+		.d2-433253505 .stroke-B1{stroke:#0D32B2;}
+		.d2-433253505 .stroke-B2{stroke:#0D32B2;}
+		.d2-433253505 .stroke-B3{stroke:#E3E9FD;}
+		.d2-433253505 .stroke-B4{stroke:#E3E9FD;}
+		.d2-433253505 .stroke-B5{stroke:#EDF0FD;}
+		.d2-433253505 .stroke-B6{stroke:#F7F8FE;}
+		.d2-433253505 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-433253505 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-433253505 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-433253505 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-433253505 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-433253505 .background-color-N1{background-color:#0A0F25;}
+		.d2-433253505 .background-color-N2{background-color:#676C7E;}
+		.d2-433253505 .background-color-N3{background-color:#9499AB;}
+		.d2-433253505 .background-color-N4{background-color:#CFD2DD;}
+		.d2-433253505 .background-color-N5{background-color:#DEE1EB;}
+		.d2-433253505 .background-color-N6{background-color:#EEF1F8;}
+		.d2-433253505 .background-color-N7{background-color:#FFFFFF;}
+		.d2-433253505 .background-color-B1{background-color:#0D32B2;}
+		.d2-433253505 .background-color-B2{background-color:#0D32B2;}
+		.d2-433253505 .background-color-B3{background-color:#E3E9FD;}
+		.d2-433253505 .background-color-B4{background-color:#E3E9FD;}
+		.d2-433253505 .background-color-B5{background-color:#EDF0FD;}
+		.d2-433253505 .background-color-B6{background-color:#F7F8FE;}
+		.d2-433253505 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-433253505 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-433253505 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-433253505 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-433253505 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-433253505 .color-N1{color:#0A0F25;}
+		.d2-433253505 .color-N2{color:#676C7E;}
+		.d2-433253505 .color-N3{color:#9499AB;}
+		.d2-433253505 .color-N4{color:#CFD2DD;}
+		.d2-433253505 .color-N5{color:#DEE1EB;}
+		.d2-433253505 .color-N6{color:#EEF1F8;}
+		.d2-433253505 .color-N7{color:#FFFFFF;}
+		.d2-433253505 .color-B1{color:#0D32B2;}
+		.d2-433253505 .color-B2{color:#0D32B2;}
+		.d2-433253505 .color-B3{color:#E3E9FD;}
+		.d2-433253505 .color-B4{color:#E3E9FD;}
+		.d2-433253505 .color-B5{color:#EDF0FD;}
+		.d2-433253505 .color-B6{color:#F7F8FE;}
+		.d2-433253505 .color-AA2{color:#4A6FF3;}
+		.d2-433253505 .color-AA4{color:#EDF0FD;}
+		.d2-433253505 .color-AA5{color:#F7F8FE;}
+		.d2-433253505 .color-AB4{color:#EDF0FD;}
+		.d2-433253505 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="grid w/ container + icon" class="2x2"><g class="shape" ><rect x="12.000000" y="27.000000" width="404.000000" height="416.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="214.000000" y="60.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ container + icon</text></g><g id="grid + icon" class="2x2"><g class="shape" ><rect x="436.000000" y="62.000000" width="278.000000" height="347.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="441.000000" y="67.000000" width="64" height="64" /><text x="575.000000" y="95.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid + icon</text></g><g id="grid + icon w/ container" class="2x2"><g class="shape" ><rect x="734.000000" y="12.000000" width="433.000000" height="447.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="739.000000" y="17.000000" width="64" height="64" /><text x="950.500000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid + icon w/ container</text></g><g id="no label grid w/ container + icon" class="2x2"><g class="shape" ><rect x="1187.000000" y="27.000000" width="404.000000" height="416.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g></g><g id="no label grid + icon" class="2x2"><g class="shape" ><rect x="1611.000000" y="82.000000" width="267.000000" height="306.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="1616.000000" y="87.000000" width="64" height="64" /></g><g id="grid w/ container + icon.a"><g class="shape" ><rect x="72.000000" y="87.000000" width="53.000000" height="190.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="98.500000" y="187.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ container + icon.b"><g class="shape" ><rect x="165.000000" y="87.000000" width="191.000000" height="190.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="170.000000" y="92.000000" width="64" height="64" /><text x="345.000000" y="116.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ container + icon.c"><g class="shape" ><rect x="72.000000" y="317.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="98.500000" y="355.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ container + icon.d"><g class="shape" ><rect x="165.000000" y="317.000000" width="191.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="260.500000" y="355.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid + icon.a"><g class="shape" ><rect x="501.000000" y="136.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="527.500000" y="174.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid + icon.b"><g class="shape" ><rect x="594.000000" y="136.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="621.000000" y="174.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid + icon.c"><g class="shape" ><rect x="501.000000" y="242.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="527.500000" y="280.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid + icon.d"><g class="shape" ><rect x="594.000000" y="242.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="621.000000" y="280.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid + icon w/ container.a"><g class="shape" ><rect x="808.000000" y="86.000000" width="53.000000" height="166.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="834.500000" y="174.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid + icon w/ container.b"><g class="shape" ><rect x="901.000000" y="86.000000" width="191.000000" height="166.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="996.500000" y="115.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid + icon w/ container.c"><g class="shape" ><rect x="808.000000" y="292.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="834.500000" y="330.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid + icon w/ container.d"><g class="shape" ><rect x="901.000000" y="292.000000" width="191.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="996.500000" y="330.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="no label grid w/ container + icon.a"><g class="shape" ><rect x="1247.000000" y="87.000000" width="53.000000" height="190.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1273.500000" y="187.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="no label grid w/ container + icon.b"><g class="shape" ><rect x="1340.000000" y="87.000000" width="191.000000" height="190.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="1345.000000" y="92.000000" width="64" height="64" /><text x="1520.000000" y="116.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="no label grid w/ container + icon.c"><g class="shape" ><rect x="1247.000000" y="317.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1273.500000" y="355.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="no label grid w/ container + icon.d"><g class="shape" ><rect x="1340.000000" y="317.000000" width="191.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1435.500000" y="355.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="no label grid + icon.a"><g class="shape" ><rect x="1671.000000" y="156.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1697.500000" y="194.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="no label grid + icon.b"><g class="shape" ><rect x="1764.000000" y="156.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1791.000000" y="194.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="no label grid + icon.c"><g class="shape" ><rect x="1671.000000" y="262.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1697.500000" y="300.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="no label grid + icon.d"><g class="shape" ><rect x="1764.000000" y="262.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1791.000000" y="300.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ container + icon.b.b child"><g class="shape" ><rect x="215.000000" y="161.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="260.500000" y="199.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><g id="grid + icon w/ container.b.b child"><g class="shape" ><rect x="951.000000" y="136.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="996.500000" y="174.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><g id="no label grid w/ container + icon.b.b child"><g class="shape" ><rect x="1390.000000" y="161.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1435.500000" y="199.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><mask id="d2-433253505" maskUnits="userSpaceOnUse" x="11" y="11" width="1868" height="449">
+<rect x="11" y="11" width="1868" height="449" fill="white"></rect>
+
+</mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/stable/grid_nested/dagre/board.exp.json b/e2etests/testdata/stable/grid_nested/dagre/board.exp.json
index 7a47434c9..539206801 100644
--- a/e2etests/testdata/stable/grid_nested/dagre/board.exp.json
+++ b/e2etests/testdata/stable/grid_nested/dagre/board.exp.json
@@ -14,7 +14,7 @@
         "y": 150
       },
       "width": 384,
-      "height": 356,
+      "height": 388,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -52,7 +52,7 @@
       "type": "rectangle",
       "pos": {
         "x": 60,
-        "y": 210
+        "y": 242
       },
       "width": 53,
       "height": 130,
@@ -93,7 +93,7 @@
       "type": "rectangle",
       "pos": {
         "x": 153,
-        "y": 210
+        "y": 242
       },
       "width": 171,
       "height": 130,
@@ -125,7 +125,7 @@
       "underline": false,
       "labelWidth": 12,
       "labelHeight": 31,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "labelPosition": "OUTSIDE_TOP_CENTER",
       "zIndex": 0,
       "level": 2
     },
@@ -134,7 +134,7 @@
       "type": "rectangle",
       "pos": {
         "x": 193,
-        "y": 242
+        "y": 274
       },
       "width": 91,
       "height": 66,
@@ -175,7 +175,7 @@
       "type": "rectangle",
       "pos": {
         "x": 60,
-        "y": 380
+        "y": 412
       },
       "width": 53,
       "height": 66,
@@ -216,7 +216,7 @@
       "type": "rectangle",
       "pos": {
         "x": 153,
-        "y": 380
+        "y": 412
       },
       "width": 171,
       "height": 66,
@@ -263,7 +263,7 @@
         "y": 0
       },
       "width": 692,
-      "height": 656,
+      "height": 688,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -301,7 +301,7 @@
       "type": "rectangle",
       "pos": {
         "x": 504,
-        "y": 60
+        "y": 92
       },
       "width": 53,
       "height": 430,
@@ -342,7 +342,7 @@
       "type": "rectangle",
       "pos": {
         "x": 597,
-        "y": 60
+        "y": 92
       },
       "width": 479,
       "height": 430,
@@ -374,7 +374,7 @@
       "underline": false,
       "labelWidth": 12,
       "labelHeight": 31,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "labelPosition": "OUTSIDE_TOP_CENTER",
       "zIndex": 0,
       "level": 2
     },
@@ -383,7 +383,7 @@
       "type": "rectangle",
       "pos": {
         "x": 617,
-        "y": 123
+        "y": 155
       },
       "width": 439,
       "height": 335,
@@ -424,7 +424,7 @@
       "type": "rectangle",
       "pos": {
         "x": 637,
-        "y": 183
+        "y": 215
       },
       "width": 186,
       "height": 240,
@@ -465,7 +465,7 @@
       "type": "rectangle",
       "pos": {
         "x": 657,
-        "y": 246
+        "y": 278
       },
       "width": 146,
       "height": 140,
@@ -506,7 +506,7 @@
       "type": "rectangle",
       "pos": {
         "x": 697,
-        "y": 283
+        "y": 315
       },
       "width": 66,
       "height": 66,
@@ -547,7 +547,7 @@
       "type": "rectangle",
       "pos": {
         "x": 843,
-        "y": 183
+        "y": 215
       },
       "width": 193,
       "height": 240,
@@ -588,7 +588,7 @@
       "type": "rectangle",
       "pos": {
         "x": 863,
-        "y": 246
+        "y": 278
       },
       "width": 153,
       "height": 140,
@@ -629,7 +629,7 @@
       "type": "rectangle",
       "pos": {
         "x": 903,
-        "y": 283
+        "y": 315
       },
       "width": 73,
       "height": 66,
@@ -670,7 +670,7 @@
       "type": "rectangle",
       "pos": {
         "x": 504,
-        "y": 530
+        "y": 562
       },
       "width": 53,
       "height": 66,
@@ -711,7 +711,7 @@
       "type": "rectangle",
       "pos": {
         "x": 597,
-        "y": 530
+        "y": 562
       },
       "width": 479,
       "height": 66,
@@ -755,7 +755,7 @@
       ],
       "pos": {
         "x": 1196,
-        "y": 69
+        "y": 85
       },
       "width": 480,
       "height": 518,
@@ -796,7 +796,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1256,
-        "y": 129
+        "y": 145
       },
       "width": 53,
       "height": 292,
@@ -840,7 +840,7 @@
       ],
       "pos": {
         "x": 1349,
-        "y": 129
+        "y": 145
       },
       "width": 267,
       "height": 292,
@@ -881,7 +881,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1409,
-        "y": 189
+        "y": 205
       },
       "width": 53,
       "height": 66,
@@ -922,7 +922,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1502,
-        "y": 189
+        "y": 205
       },
       "width": 54,
       "height": 66,
@@ -963,7 +963,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1409,
-        "y": 295
+        "y": 311
       },
       "width": 53,
       "height": 66,
@@ -1004,7 +1004,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1502,
-        "y": 295
+        "y": 311
       },
       "width": 54,
       "height": 66,
@@ -1045,7 +1045,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1256,
-        "y": 461
+        "y": 477
       },
       "width": 53,
       "height": 66,
@@ -1086,7 +1086,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1349,
-        "y": 461
+        "y": 477
       },
       "width": 267,
       "height": 66,
@@ -1127,7 +1127,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1736,
-        "y": 38
+        "y": 54
       },
       "width": 321,
       "height": 581,
@@ -1168,7 +1168,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1736,
-        "y": 84
+        "y": 100
       },
       "width": 53,
       "height": 469,
@@ -1209,7 +1209,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1789,
-        "y": 84
+        "y": 100
       },
       "width": 268,
       "height": 469,
@@ -1250,7 +1250,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1789,
-        "y": 125
+        "y": 141
       },
       "width": 214,
       "height": 66,
@@ -1291,7 +1291,7 @@
       "type": "rectangle",
       "pos": {
         "x": 2003,
-        "y": 125
+        "y": 141
       },
       "width": 54,
       "height": 66,
@@ -1332,7 +1332,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1789,
-        "y": 191
+        "y": 207
       },
       "width": 214,
       "height": 362,
@@ -1373,7 +1373,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1789,
-        "y": 227
+        "y": 243
       },
       "width": 53,
       "height": 66,
@@ -1414,7 +1414,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1842,
-        "y": 227
+        "y": 243
       },
       "width": 161,
       "height": 66,
@@ -1455,7 +1455,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1789,
-        "y": 293
+        "y": 309
       },
       "width": 53,
       "height": 260,
@@ -1496,7 +1496,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1842,
-        "y": 293
+        "y": 309
       },
       "width": 161,
       "height": 260,
@@ -1537,7 +1537,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1842,
-        "y": 324
+        "y": 340
       },
       "width": 107,
       "height": 163,
@@ -1578,7 +1578,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1842,
-        "y": 355
+        "y": 371
       },
       "width": 53,
       "height": 66,
@@ -1619,7 +1619,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1895,
-        "y": 355
+        "y": 371
       },
       "width": 54,
       "height": 66,
@@ -1660,7 +1660,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1842,
-        "y": 421
+        "y": 437
       },
       "width": 53,
       "height": 66,
@@ -1701,7 +1701,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1895,
-        "y": 421
+        "y": 437
       },
       "width": 54,
       "height": 66,
@@ -1742,7 +1742,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1949,
-        "y": 324
+        "y": 340
       },
       "width": 54,
       "height": 163,
@@ -1783,7 +1783,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1842,
-        "y": 487
+        "y": 503
       },
       "width": 107,
       "height": 66,
@@ -1824,7 +1824,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1949,
-        "y": 487
+        "y": 503
       },
       "width": 54,
       "height": 66,
@@ -1865,7 +1865,7 @@
       "type": "rectangle",
       "pos": {
         "x": 2003,
-        "y": 191
+        "y": 207
       },
       "width": 54,
       "height": 362,
@@ -1906,7 +1906,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1736,
-        "y": 553
+        "y": 569
       },
       "width": 53,
       "height": 66,
@@ -1947,7 +1947,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1789,
-        "y": 553
+        "y": 569
       },
       "width": 268,
       "height": 66,
diff --git a/e2etests/testdata/stable/grid_nested/dagre/sketch.exp.svg b/e2etests/testdata/stable/grid_nested/dagre/sketch.exp.svg
index 136a16b78..7812cc589 100644
--- a/e2etests/testdata/stable/grid_nested/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/grid_nested/dagre/sketch.exp.svg
@@ -1,16 +1,16 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2059 658"><svg id="d2-svg" class="d2-3889971613" width="2059" height="658" viewBox="-1 -1 2059 658"><rect x="-1.000000" y="-1.000000" width="2059.000000" height="658.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-3889971613 .text {
-	font-family: "d2-3889971613-font-regular";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2059 690"><svg id="d2-svg" class="d2-2603497423" width="2059" height="690" viewBox="-1 -1 2059 690"><rect x="-1.000000" y="-1.000000" width="2059.000000" height="690.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-2603497423 .text {
+	font-family: "d2-2603497423-font-regular";
 }
 @font-face {
-	font-family: d2-3889971613-font-regular;
+	font-family: d2-2603497423-font-regular;
 	src: url("data:application/font-woff;base64,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");
 }
-.d2-3889971613 .text-bold {
-	font-family: "d2-3889971613-font-bold";
+.d2-2603497423 .text-bold {
+	font-family: "d2-2603497423-font-bold";
 }
 @font-face {
-	font-family: d2-3889971613-font-bold;
+	font-family: d2-2603497423-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -25,78 +25,78 @@
   opacity: 0.5;
 }
 
-		.d2-3889971613 .fill-N1{fill:#0A0F25;}
-		.d2-3889971613 .fill-N2{fill:#676C7E;}
-		.d2-3889971613 .fill-N3{fill:#9499AB;}
-		.d2-3889971613 .fill-N4{fill:#CFD2DD;}
-		.d2-3889971613 .fill-N5{fill:#DEE1EB;}
-		.d2-3889971613 .fill-N6{fill:#EEF1F8;}
-		.d2-3889971613 .fill-N7{fill:#FFFFFF;}
-		.d2-3889971613 .fill-B1{fill:#0D32B2;}
-		.d2-3889971613 .fill-B2{fill:#0D32B2;}
-		.d2-3889971613 .fill-B3{fill:#E3E9FD;}
-		.d2-3889971613 .fill-B4{fill:#E3E9FD;}
-		.d2-3889971613 .fill-B5{fill:#EDF0FD;}
-		.d2-3889971613 .fill-B6{fill:#F7F8FE;}
-		.d2-3889971613 .fill-AA2{fill:#4A6FF3;}
-		.d2-3889971613 .fill-AA4{fill:#EDF0FD;}
-		.d2-3889971613 .fill-AA5{fill:#F7F8FE;}
-		.d2-3889971613 .fill-AB4{fill:#EDF0FD;}
-		.d2-3889971613 .fill-AB5{fill:#F7F8FE;}
-		.d2-3889971613 .stroke-N1{stroke:#0A0F25;}
-		.d2-3889971613 .stroke-N2{stroke:#676C7E;}
-		.d2-3889971613 .stroke-N3{stroke:#9499AB;}
-		.d2-3889971613 .stroke-N4{stroke:#CFD2DD;}
-		.d2-3889971613 .stroke-N5{stroke:#DEE1EB;}
-		.d2-3889971613 .stroke-N6{stroke:#EEF1F8;}
-		.d2-3889971613 .stroke-N7{stroke:#FFFFFF;}
-		.d2-3889971613 .stroke-B1{stroke:#0D32B2;}
-		.d2-3889971613 .stroke-B2{stroke:#0D32B2;}
-		.d2-3889971613 .stroke-B3{stroke:#E3E9FD;}
-		.d2-3889971613 .stroke-B4{stroke:#E3E9FD;}
-		.d2-3889971613 .stroke-B5{stroke:#EDF0FD;}
-		.d2-3889971613 .stroke-B6{stroke:#F7F8FE;}
-		.d2-3889971613 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-3889971613 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-3889971613 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-3889971613 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-3889971613 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-3889971613 .background-color-N1{background-color:#0A0F25;}
-		.d2-3889971613 .background-color-N2{background-color:#676C7E;}
-		.d2-3889971613 .background-color-N3{background-color:#9499AB;}
-		.d2-3889971613 .background-color-N4{background-color:#CFD2DD;}
-		.d2-3889971613 .background-color-N5{background-color:#DEE1EB;}
-		.d2-3889971613 .background-color-N6{background-color:#EEF1F8;}
-		.d2-3889971613 .background-color-N7{background-color:#FFFFFF;}
-		.d2-3889971613 .background-color-B1{background-color:#0D32B2;}
-		.d2-3889971613 .background-color-B2{background-color:#0D32B2;}
-		.d2-3889971613 .background-color-B3{background-color:#E3E9FD;}
-		.d2-3889971613 .background-color-B4{background-color:#E3E9FD;}
-		.d2-3889971613 .background-color-B5{background-color:#EDF0FD;}
-		.d2-3889971613 .background-color-B6{background-color:#F7F8FE;}
-		.d2-3889971613 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-3889971613 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-3889971613 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-3889971613 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-3889971613 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-3889971613 .color-N1{color:#0A0F25;}
-		.d2-3889971613 .color-N2{color:#676C7E;}
-		.d2-3889971613 .color-N3{color:#9499AB;}
-		.d2-3889971613 .color-N4{color:#CFD2DD;}
-		.d2-3889971613 .color-N5{color:#DEE1EB;}
-		.d2-3889971613 .color-N6{color:#EEF1F8;}
-		.d2-3889971613 .color-N7{color:#FFFFFF;}
-		.d2-3889971613 .color-B1{color:#0D32B2;}
-		.d2-3889971613 .color-B2{color:#0D32B2;}
-		.d2-3889971613 .color-B3{color:#E3E9FD;}
-		.d2-3889971613 .color-B4{color:#E3E9FD;}
-		.d2-3889971613 .color-B5{color:#EDF0FD;}
-		.d2-3889971613 .color-B6{color:#F7F8FE;}
-		.d2-3889971613 .color-AA2{color:#4A6FF3;}
-		.d2-3889971613 .color-AA4{color:#EDF0FD;}
-		.d2-3889971613 .color-AA5{color:#F7F8FE;}
-		.d2-3889971613 .color-AB4{color:#EDF0FD;}
-		.d2-3889971613 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="grid w/ container" class="2x2"><g class="shape" ><rect x="0.000000" y="150.000000" width="384.000000" height="356.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="183.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ container</text></g><g id="grid w/ nested containers" class="2x2"><g class="shape" ><rect x="444.000000" y="0.000000" width="692.000000" height="656.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="790.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ nested containers</text></g><g id="grid in grid" class="2x2"><g class="shape" ><rect x="1196.000000" y="69.000000" width="480.000000" height="518.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1436.000000" y="102.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid in grid</text></g><g id="grid w/ grid w/ grid"><g class="shape" ><rect x="1736.000000" y="38.000000" width="321.000000" height="581.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1896.500000" y="71.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ grid w/ grid</text></g><g id="grid w/ container.a"><g class="shape" ><rect x="60.000000" y="210.000000" width="53.000000" height="130.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="86.500000" y="280.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ container.b"><g class="shape" ><rect x="153.000000" y="210.000000" width="171.000000" height="130.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="238.500000" y="283.500000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ container.c"><g class="shape" ><rect x="60.000000" y="380.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="86.500000" y="418.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ container.d"><g class="shape" ><rect x="153.000000" y="380.000000" width="171.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="238.500000" y="418.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.a"><g class="shape" ><rect x="504.000000" y="60.000000" width="53.000000" height="430.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="530.500000" y="280.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ nested containers.b"><g class="shape" ><rect x="597.000000" y="60.000000" width="479.000000" height="430.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="836.500000" y="283.500000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ nested containers.c"><g class="shape" ><rect x="504.000000" y="530.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="530.500000" y="568.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ nested containers.d"><g class="shape" ><rect x="597.000000" y="530.000000" width="479.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="836.500000" y="568.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid in grid.a"><g class="shape" ><rect x="1256.000000" y="129.000000" width="53.000000" height="292.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1282.500000" y="280.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid in grid.b" class="2x2"><g class="shape" ><rect x="1349.000000" y="129.000000" width="267.000000" height="292.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1482.500000" y="158.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid in grid.c"><g class="shape" ><rect x="1256.000000" y="461.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1282.500000" y="499.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid in grid.d"><g class="shape" ><rect x="1349.000000" y="461.000000" width="267.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1482.500000" y="499.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ grid w/ grid.a"><g class="shape" ><rect x="1736.000000" y="84.000000" width="53.000000" height="469.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1762.500000" y="324.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b"><g class="shape" ><rect x="1789.000000" y="84.000000" width="268.000000" height="469.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1923.000000" y="113.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ grid w/ grid.c"><g class="shape" ><rect x="1736.000000" y="553.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1762.500000" y="591.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.d"><g class="shape" ><rect x="1789.000000" y="553.000000" width="268.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1923.000000" y="591.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ container.b.b child"><g class="shape" ><rect x="193.000000" y="242.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="238.500000" y="280.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><g id="grid w/ nested containers.b.b 1"><g class="shape" ><rect x="617.000000" y="123.000000" width="439.000000" height="335.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="836.500000" y="112.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">b 1</text></g><g id="grid in grid.b.a"><g class="shape" ><rect x="1409.000000" y="189.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1435.500000" y="227.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid in grid.b.b"><g class="shape" ><rect x="1502.000000" y="189.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1529.000000" y="227.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid in grid.b.c"><g class="shape" ><rect x="1409.000000" y="295.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1435.500000" y="333.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid in grid.b.d"><g class="shape" ><rect x="1502.000000" y="295.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1529.000000" y="333.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ grid w/ grid.b.a"><g class="shape" ><rect x="1789.000000" y="125.000000" width="214.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1896.000000" y="163.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.b"><g class="shape" ><rect x="2003.000000" y="125.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="2030.000000" y="163.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c"><g class="shape" ><rect x="1789.000000" y="191.000000" width="214.000000" height="362.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1896.000000" y="216.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">c</text></g><g id="grid w/ grid w/ grid.b.d"><g class="shape" ><rect x="2003.000000" y="191.000000" width="54.000000" height="362.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="2030.000000" y="377.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.b.b 1.b 2"><g class="shape" ><rect x="637.000000" y="183.000000" width="186.000000" height="240.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="730.000000" y="173.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 2</text></g><g id="grid w/ nested containers.b.b 1.b 2a"><g class="shape" ><rect x="843.000000" y="183.000000" width="193.000000" height="240.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="939.500000" y="173.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 2a</text></g><g id="grid w/ grid w/ grid.b.c.a"><g class="shape" ><rect x="1789.000000" y="227.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1815.500000" y="265.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.c.b"><g class="shape" ><rect x="1842.000000" y="227.000000" width="161.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1922.500000" y="265.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c.c"><g class="shape" ><rect x="1789.000000" y="293.000000" width="53.000000" height="260.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1815.500000" y="428.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.b.c.d"><g class="shape" ><rect x="1842.000000" y="293.000000" width="161.000000" height="260.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1922.500000" y="314.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.b.b 1.b 2.b 3"><g class="shape" ><rect x="657.000000" y="246.000000" width="146.000000" height="140.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="730.000000" y="236.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 3</text></g><g id="grid w/ nested containers.b.b 1.b 2a.b 3a"><g class="shape" ><rect x="863.000000" y="246.000000" width="153.000000" height="140.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="939.500000" y="236.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 3a</text></g><g id="grid w/ grid w/ grid.b.c.d.a"><g class="shape" ><rect x="1842.000000" y="324.000000" width="107.000000" height="163.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1895.500000" y="345.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.c.d.b"><g class="shape" ><rect x="1949.000000" y="324.000000" width="54.000000" height="163.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1976.000000" y="411.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c.d.c"><g class="shape" ><rect x="1842.000000" y="487.000000" width="107.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1895.500000" y="525.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.b.c.d.d"><g class="shape" ><rect x="1949.000000" y="487.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1976.000000" y="525.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.b.b 1.b 2.b 3.b 4"><g class="shape" ><rect x="697.000000" y="283.000000" width="66.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="730.000000" y="321.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b 4</text></g><g id="grid w/ nested containers.b.b 1.b 2a.b 3a.b 3a"><g class="shape" ><rect x="903.000000" y="283.000000" width="73.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="939.500000" y="321.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b 3a</text></g><g id="grid w/ grid w/ grid.b.c.d.a.a"><g class="shape" ><rect x="1842.000000" y="355.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1868.500000" y="393.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.c.d.a.b"><g class="shape" ><rect x="1895.000000" y="355.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1922.000000" y="393.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c.d.a.c"><g class="shape" ><rect x="1842.000000" y="421.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1868.500000" y="459.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.b.c.d.a.d"><g class="shape" ><rect x="1895.000000" y="421.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1922.000000" y="459.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-3889971613" maskUnits="userSpaceOnUse" x="-1" y="-1" width="2059" height="658">
-<rect x="-1" y="-1" width="2059" height="658" fill="white"></rect>
+		.d2-2603497423 .fill-N1{fill:#0A0F25;}
+		.d2-2603497423 .fill-N2{fill:#676C7E;}
+		.d2-2603497423 .fill-N3{fill:#9499AB;}
+		.d2-2603497423 .fill-N4{fill:#CFD2DD;}
+		.d2-2603497423 .fill-N5{fill:#DEE1EB;}
+		.d2-2603497423 .fill-N6{fill:#EEF1F8;}
+		.d2-2603497423 .fill-N7{fill:#FFFFFF;}
+		.d2-2603497423 .fill-B1{fill:#0D32B2;}
+		.d2-2603497423 .fill-B2{fill:#0D32B2;}
+		.d2-2603497423 .fill-B3{fill:#E3E9FD;}
+		.d2-2603497423 .fill-B4{fill:#E3E9FD;}
+		.d2-2603497423 .fill-B5{fill:#EDF0FD;}
+		.d2-2603497423 .fill-B6{fill:#F7F8FE;}
+		.d2-2603497423 .fill-AA2{fill:#4A6FF3;}
+		.d2-2603497423 .fill-AA4{fill:#EDF0FD;}
+		.d2-2603497423 .fill-AA5{fill:#F7F8FE;}
+		.d2-2603497423 .fill-AB4{fill:#EDF0FD;}
+		.d2-2603497423 .fill-AB5{fill:#F7F8FE;}
+		.d2-2603497423 .stroke-N1{stroke:#0A0F25;}
+		.d2-2603497423 .stroke-N2{stroke:#676C7E;}
+		.d2-2603497423 .stroke-N3{stroke:#9499AB;}
+		.d2-2603497423 .stroke-N4{stroke:#CFD2DD;}
+		.d2-2603497423 .stroke-N5{stroke:#DEE1EB;}
+		.d2-2603497423 .stroke-N6{stroke:#EEF1F8;}
+		.d2-2603497423 .stroke-N7{stroke:#FFFFFF;}
+		.d2-2603497423 .stroke-B1{stroke:#0D32B2;}
+		.d2-2603497423 .stroke-B2{stroke:#0D32B2;}
+		.d2-2603497423 .stroke-B3{stroke:#E3E9FD;}
+		.d2-2603497423 .stroke-B4{stroke:#E3E9FD;}
+		.d2-2603497423 .stroke-B5{stroke:#EDF0FD;}
+		.d2-2603497423 .stroke-B6{stroke:#F7F8FE;}
+		.d2-2603497423 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-2603497423 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-2603497423 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-2603497423 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-2603497423 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-2603497423 .background-color-N1{background-color:#0A0F25;}
+		.d2-2603497423 .background-color-N2{background-color:#676C7E;}
+		.d2-2603497423 .background-color-N3{background-color:#9499AB;}
+		.d2-2603497423 .background-color-N4{background-color:#CFD2DD;}
+		.d2-2603497423 .background-color-N5{background-color:#DEE1EB;}
+		.d2-2603497423 .background-color-N6{background-color:#EEF1F8;}
+		.d2-2603497423 .background-color-N7{background-color:#FFFFFF;}
+		.d2-2603497423 .background-color-B1{background-color:#0D32B2;}
+		.d2-2603497423 .background-color-B2{background-color:#0D32B2;}
+		.d2-2603497423 .background-color-B3{background-color:#E3E9FD;}
+		.d2-2603497423 .background-color-B4{background-color:#E3E9FD;}
+		.d2-2603497423 .background-color-B5{background-color:#EDF0FD;}
+		.d2-2603497423 .background-color-B6{background-color:#F7F8FE;}
+		.d2-2603497423 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-2603497423 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-2603497423 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-2603497423 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-2603497423 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-2603497423 .color-N1{color:#0A0F25;}
+		.d2-2603497423 .color-N2{color:#676C7E;}
+		.d2-2603497423 .color-N3{color:#9499AB;}
+		.d2-2603497423 .color-N4{color:#CFD2DD;}
+		.d2-2603497423 .color-N5{color:#DEE1EB;}
+		.d2-2603497423 .color-N6{color:#EEF1F8;}
+		.d2-2603497423 .color-N7{color:#FFFFFF;}
+		.d2-2603497423 .color-B1{color:#0D32B2;}
+		.d2-2603497423 .color-B2{color:#0D32B2;}
+		.d2-2603497423 .color-B3{color:#E3E9FD;}
+		.d2-2603497423 .color-B4{color:#E3E9FD;}
+		.d2-2603497423 .color-B5{color:#EDF0FD;}
+		.d2-2603497423 .color-B6{color:#F7F8FE;}
+		.d2-2603497423 .color-AA2{color:#4A6FF3;}
+		.d2-2603497423 .color-AA4{color:#EDF0FD;}
+		.d2-2603497423 .color-AA5{color:#F7F8FE;}
+		.d2-2603497423 .color-AB4{color:#EDF0FD;}
+		.d2-2603497423 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="grid w/ container" class="2x2"><g class="shape" ><rect x="0.000000" y="150.000000" width="384.000000" height="388.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="183.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ container</text></g><g id="grid w/ nested containers" class="2x2"><g class="shape" ><rect x="444.000000" y="0.000000" width="692.000000" height="688.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="790.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ nested containers</text></g><g id="grid in grid" class="2x2"><g class="shape" ><rect x="1196.000000" y="85.000000" width="480.000000" height="518.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1436.000000" y="118.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid in grid</text></g><g id="grid w/ grid w/ grid"><g class="shape" ><rect x="1736.000000" y="54.000000" width="321.000000" height="581.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1896.500000" y="87.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ grid w/ grid</text></g><g id="grid w/ container.a"><g class="shape" ><rect x="60.000000" y="242.000000" width="53.000000" height="130.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="86.500000" y="312.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ container.b"><g class="shape" ><rect x="153.000000" y="242.000000" width="171.000000" height="130.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="238.500000" y="230.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ container.c"><g class="shape" ><rect x="60.000000" y="412.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="86.500000" y="450.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ container.d"><g class="shape" ><rect x="153.000000" y="412.000000" width="171.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="238.500000" y="450.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.a"><g class="shape" ><rect x="504.000000" y="92.000000" width="53.000000" height="430.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="530.500000" y="312.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ nested containers.b"><g class="shape" ><rect x="597.000000" y="92.000000" width="479.000000" height="430.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="836.500000" y="80.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ nested containers.c"><g class="shape" ><rect x="504.000000" y="562.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="530.500000" y="600.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ nested containers.d"><g class="shape" ><rect x="597.000000" y="562.000000" width="479.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="836.500000" y="600.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid in grid.a"><g class="shape" ><rect x="1256.000000" y="145.000000" width="53.000000" height="292.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1282.500000" y="296.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid in grid.b" class="2x2"><g class="shape" ><rect x="1349.000000" y="145.000000" width="267.000000" height="292.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1482.500000" y="174.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid in grid.c"><g class="shape" ><rect x="1256.000000" y="477.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1282.500000" y="515.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid in grid.d"><g class="shape" ><rect x="1349.000000" y="477.000000" width="267.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1482.500000" y="515.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ grid w/ grid.a"><g class="shape" ><rect x="1736.000000" y="100.000000" width="53.000000" height="469.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1762.500000" y="340.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b"><g class="shape" ><rect x="1789.000000" y="100.000000" width="268.000000" height="469.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1923.000000" y="129.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ grid w/ grid.c"><g class="shape" ><rect x="1736.000000" y="569.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1762.500000" y="607.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.d"><g class="shape" ><rect x="1789.000000" y="569.000000" width="268.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1923.000000" y="607.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ container.b.b child"><g class="shape" ><rect x="193.000000" y="274.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="238.500000" y="312.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><g id="grid w/ nested containers.b.b 1"><g class="shape" ><rect x="617.000000" y="155.000000" width="439.000000" height="335.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="836.500000" y="144.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">b 1</text></g><g id="grid in grid.b.a"><g class="shape" ><rect x="1409.000000" y="205.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1435.500000" y="243.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid in grid.b.b"><g class="shape" ><rect x="1502.000000" y="205.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1529.000000" y="243.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid in grid.b.c"><g class="shape" ><rect x="1409.000000" y="311.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1435.500000" y="349.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid in grid.b.d"><g class="shape" ><rect x="1502.000000" y="311.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1529.000000" y="349.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ grid w/ grid.b.a"><g class="shape" ><rect x="1789.000000" y="141.000000" width="214.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1896.000000" y="179.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.b"><g class="shape" ><rect x="2003.000000" y="141.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="2030.000000" y="179.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c"><g class="shape" ><rect x="1789.000000" y="207.000000" width="214.000000" height="362.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1896.000000" y="232.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">c</text></g><g id="grid w/ grid w/ grid.b.d"><g class="shape" ><rect x="2003.000000" y="207.000000" width="54.000000" height="362.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="2030.000000" y="393.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.b.b 1.b 2"><g class="shape" ><rect x="637.000000" y="215.000000" width="186.000000" height="240.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="730.000000" y="205.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 2</text></g><g id="grid w/ nested containers.b.b 1.b 2a"><g class="shape" ><rect x="843.000000" y="215.000000" width="193.000000" height="240.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="939.500000" y="205.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 2a</text></g><g id="grid w/ grid w/ grid.b.c.a"><g class="shape" ><rect x="1789.000000" y="243.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1815.500000" y="281.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.c.b"><g class="shape" ><rect x="1842.000000" y="243.000000" width="161.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1922.500000" y="281.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c.c"><g class="shape" ><rect x="1789.000000" y="309.000000" width="53.000000" height="260.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1815.500000" y="444.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.b.c.d"><g class="shape" ><rect x="1842.000000" y="309.000000" width="161.000000" height="260.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1922.500000" y="330.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.b.b 1.b 2.b 3"><g class="shape" ><rect x="657.000000" y="278.000000" width="146.000000" height="140.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="730.000000" y="268.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 3</text></g><g id="grid w/ nested containers.b.b 1.b 2a.b 3a"><g class="shape" ><rect x="863.000000" y="278.000000" width="153.000000" height="140.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="939.500000" y="268.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 3a</text></g><g id="grid w/ grid w/ grid.b.c.d.a"><g class="shape" ><rect x="1842.000000" y="340.000000" width="107.000000" height="163.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1895.500000" y="361.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.c.d.b"><g class="shape" ><rect x="1949.000000" y="340.000000" width="54.000000" height="163.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1976.000000" y="427.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c.d.c"><g class="shape" ><rect x="1842.000000" y="503.000000" width="107.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1895.500000" y="541.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.b.c.d.d"><g class="shape" ><rect x="1949.000000" y="503.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1976.000000" y="541.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.b.b 1.b 2.b 3.b 4"><g class="shape" ><rect x="697.000000" y="315.000000" width="66.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="730.000000" y="353.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b 4</text></g><g id="grid w/ nested containers.b.b 1.b 2a.b 3a.b 3a"><g class="shape" ><rect x="903.000000" y="315.000000" width="73.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="939.500000" y="353.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b 3a</text></g><g id="grid w/ grid w/ grid.b.c.d.a.a"><g class="shape" ><rect x="1842.000000" y="371.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1868.500000" y="409.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.c.d.a.b"><g class="shape" ><rect x="1895.000000" y="371.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1922.000000" y="409.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c.d.a.c"><g class="shape" ><rect x="1842.000000" y="437.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1868.500000" y="475.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.b.c.d.a.d"><g class="shape" ><rect x="1895.000000" y="437.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1922.000000" y="475.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-2603497423" maskUnits="userSpaceOnUse" x="-1" y="-1" width="2059" height="690">
+<rect x="-1" y="-1" width="2059" height="690" fill="white"></rect>
 
 </mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/stable/grid_nested/elk/board.exp.json b/e2etests/testdata/stable/grid_nested/elk/board.exp.json
index 09aabada3..08a18ac92 100644
--- a/e2etests/testdata/stable/grid_nested/elk/board.exp.json
+++ b/e2etests/testdata/stable/grid_nested/elk/board.exp.json
@@ -125,7 +125,7 @@
       "underline": false,
       "labelWidth": 12,
       "labelHeight": 31,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "labelPosition": "INSIDE_TOP_CENTER",
       "zIndex": 0,
       "level": 2
     },
@@ -374,7 +374,7 @@
       "underline": false,
       "labelWidth": 12,
       "labelHeight": 31,
-      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "labelPosition": "INSIDE_TOP_CENTER",
       "zIndex": 0,
       "level": 2
     },
diff --git a/e2etests/testdata/stable/grid_nested/elk/sketch.exp.svg b/e2etests/testdata/stable/grid_nested/elk/sketch.exp.svg
index cb2d63c26..9a8649b41 100644
--- a/e2etests/testdata/stable/grid_nested/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/grid_nested/elk/sketch.exp.svg
@@ -1,16 +1,16 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2239 694"><svg id="d2-svg" class="d2-747303535" width="2239" height="694" viewBox="11 11 2239 694"><rect x="11.000000" y="11.000000" width="2239.000000" height="694.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-747303535 .text {
-	font-family: "d2-747303535-font-regular";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2239 694"><svg id="d2-svg" class="d2-511948305" width="2239" height="694" viewBox="11 11 2239 694"><rect x="11.000000" y="11.000000" width="2239.000000" height="694.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-511948305 .text {
+	font-family: "d2-511948305-font-regular";
 }
 @font-face {
-	font-family: d2-747303535-font-regular;
+	font-family: d2-511948305-font-regular;
 	src: url("data:application/font-woff;base64,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");
 }
-.d2-747303535 .text-bold {
-	font-family: "d2-747303535-font-bold";
+.d2-511948305 .text-bold {
+	font-family: "d2-511948305-font-bold";
 }
 @font-face {
-	font-family: d2-747303535-font-bold;
+	font-family: d2-511948305-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -25,78 +25,78 @@
   opacity: 0.5;
 }
 
-		.d2-747303535 .fill-N1{fill:#0A0F25;}
-		.d2-747303535 .fill-N2{fill:#676C7E;}
-		.d2-747303535 .fill-N3{fill:#9499AB;}
-		.d2-747303535 .fill-N4{fill:#CFD2DD;}
-		.d2-747303535 .fill-N5{fill:#DEE1EB;}
-		.d2-747303535 .fill-N6{fill:#EEF1F8;}
-		.d2-747303535 .fill-N7{fill:#FFFFFF;}
-		.d2-747303535 .fill-B1{fill:#0D32B2;}
-		.d2-747303535 .fill-B2{fill:#0D32B2;}
-		.d2-747303535 .fill-B3{fill:#E3E9FD;}
-		.d2-747303535 .fill-B4{fill:#E3E9FD;}
-		.d2-747303535 .fill-B5{fill:#EDF0FD;}
-		.d2-747303535 .fill-B6{fill:#F7F8FE;}
-		.d2-747303535 .fill-AA2{fill:#4A6FF3;}
-		.d2-747303535 .fill-AA4{fill:#EDF0FD;}
-		.d2-747303535 .fill-AA5{fill:#F7F8FE;}
-		.d2-747303535 .fill-AB4{fill:#EDF0FD;}
-		.d2-747303535 .fill-AB5{fill:#F7F8FE;}
-		.d2-747303535 .stroke-N1{stroke:#0A0F25;}
-		.d2-747303535 .stroke-N2{stroke:#676C7E;}
-		.d2-747303535 .stroke-N3{stroke:#9499AB;}
-		.d2-747303535 .stroke-N4{stroke:#CFD2DD;}
-		.d2-747303535 .stroke-N5{stroke:#DEE1EB;}
-		.d2-747303535 .stroke-N6{stroke:#EEF1F8;}
-		.d2-747303535 .stroke-N7{stroke:#FFFFFF;}
-		.d2-747303535 .stroke-B1{stroke:#0D32B2;}
-		.d2-747303535 .stroke-B2{stroke:#0D32B2;}
-		.d2-747303535 .stroke-B3{stroke:#E3E9FD;}
-		.d2-747303535 .stroke-B4{stroke:#E3E9FD;}
-		.d2-747303535 .stroke-B5{stroke:#EDF0FD;}
-		.d2-747303535 .stroke-B6{stroke:#F7F8FE;}
-		.d2-747303535 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-747303535 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-747303535 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-747303535 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-747303535 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-747303535 .background-color-N1{background-color:#0A0F25;}
-		.d2-747303535 .background-color-N2{background-color:#676C7E;}
-		.d2-747303535 .background-color-N3{background-color:#9499AB;}
-		.d2-747303535 .background-color-N4{background-color:#CFD2DD;}
-		.d2-747303535 .background-color-N5{background-color:#DEE1EB;}
-		.d2-747303535 .background-color-N6{background-color:#EEF1F8;}
-		.d2-747303535 .background-color-N7{background-color:#FFFFFF;}
-		.d2-747303535 .background-color-B1{background-color:#0D32B2;}
-		.d2-747303535 .background-color-B2{background-color:#0D32B2;}
-		.d2-747303535 .background-color-B3{background-color:#E3E9FD;}
-		.d2-747303535 .background-color-B4{background-color:#E3E9FD;}
-		.d2-747303535 .background-color-B5{background-color:#EDF0FD;}
-		.d2-747303535 .background-color-B6{background-color:#F7F8FE;}
-		.d2-747303535 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-747303535 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-747303535 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-747303535 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-747303535 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-747303535 .color-N1{color:#0A0F25;}
-		.d2-747303535 .color-N2{color:#676C7E;}
-		.d2-747303535 .color-N3{color:#9499AB;}
-		.d2-747303535 .color-N4{color:#CFD2DD;}
-		.d2-747303535 .color-N5{color:#DEE1EB;}
-		.d2-747303535 .color-N6{color:#EEF1F8;}
-		.d2-747303535 .color-N7{color:#FFFFFF;}
-		.d2-747303535 .color-B1{color:#0D32B2;}
-		.d2-747303535 .color-B2{color:#0D32B2;}
-		.d2-747303535 .color-B3{color:#E3E9FD;}
-		.d2-747303535 .color-B4{color:#E3E9FD;}
-		.d2-747303535 .color-B5{color:#EDF0FD;}
-		.d2-747303535 .color-B6{color:#F7F8FE;}
-		.d2-747303535 .color-AA2{color:#4A6FF3;}
-		.d2-747303535 .color-AA4{color:#EDF0FD;}
-		.d2-747303535 .color-AA5{color:#F7F8FE;}
-		.d2-747303535 .color-AB4{color:#EDF0FD;}
-		.d2-747303535 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="grid w/ container" class="2x2"><g class="shape" ><rect x="12.000000" y="162.000000" width="404.000000" height="392.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="214.000000" y="195.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ container</text></g><g id="grid w/ nested containers" class="2x2"><g class="shape" ><rect x="436.000000" y="12.000000" width="972.000000" height="692.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="922.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ nested containers</text></g><g id="grid in grid" class="2x2"><g class="shape" ><rect x="1428.000000" y="99.000000" width="480.000000" height="518.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1668.000000" y="132.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid in grid</text></g><g id="grid w/ grid w/ grid"><g class="shape" ><rect x="1928.000000" y="67.000000" width="321.000000" height="581.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="2088.500000" y="100.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ grid w/ grid</text></g><g id="grid w/ container.a"><g class="shape" ><rect x="72.000000" y="222.000000" width="53.000000" height="166.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="98.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ container.b"><g class="shape" ><rect x="165.000000" y="222.000000" width="191.000000" height="166.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="260.500000" y="313.500000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ container.c"><g class="shape" ><rect x="72.000000" y="428.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="98.500000" y="466.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ container.d"><g class="shape" ><rect x="165.000000" y="428.000000" width="191.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="260.500000" y="466.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.a"><g class="shape" ><rect x="496.000000" y="72.000000" width="53.000000" height="466.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="522.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ nested containers.b"><g class="shape" ><rect x="589.000000" y="72.000000" width="759.000000" height="466.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="968.500000" y="313.500000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ nested containers.c"><g class="shape" ><rect x="496.000000" y="578.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="522.500000" y="616.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ nested containers.d"><g class="shape" ><rect x="589.000000" y="578.000000" width="759.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="968.500000" y="616.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid in grid.a"><g class="shape" ><rect x="1488.000000" y="159.000000" width="53.000000" height="292.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1514.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid in grid.b" class="2x2"><g class="shape" ><rect x="1581.000000" y="159.000000" width="267.000000" height="292.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1714.500000" y="188.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid in grid.c"><g class="shape" ><rect x="1488.000000" y="491.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1514.500000" y="529.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid in grid.d"><g class="shape" ><rect x="1581.000000" y="491.000000" width="267.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1714.500000" y="529.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ grid w/ grid.a"><g class="shape" ><rect x="1928.000000" y="113.000000" width="53.000000" height="469.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1954.500000" y="353.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b"><g class="shape" ><rect x="1981.000000" y="113.000000" width="268.000000" height="469.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2115.000000" y="142.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ grid w/ grid.c"><g class="shape" ><rect x="1928.000000" y="582.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1954.500000" y="620.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.d"><g class="shape" ><rect x="1981.000000" y="582.000000" width="268.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2115.000000" y="620.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ container.b.b child"><g class="shape" ><rect x="215.000000" y="272.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="260.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><g id="grid w/ nested containers.b.b 1"><g class="shape" ><rect x="639.000000" y="122.000000" width="659.000000" height="366.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="968.500000" y="147.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">b 1</text></g><g id="grid in grid.b.a"><g class="shape" ><rect x="1641.000000" y="219.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1667.500000" y="257.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid in grid.b.b"><g class="shape" ><rect x="1734.000000" y="219.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1761.000000" y="257.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid in grid.b.c"><g class="shape" ><rect x="1641.000000" y="325.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1667.500000" y="363.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid in grid.b.d"><g class="shape" ><rect x="1734.000000" y="325.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1761.000000" y="363.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ grid w/ grid.b.a"><g class="shape" ><rect x="1981.000000" y="154.000000" width="214.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="2088.000000" y="192.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.b"><g class="shape" ><rect x="2195.000000" y="154.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="2222.000000" y="192.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c"><g class="shape" ><rect x="1981.000000" y="220.000000" width="214.000000" height="362.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="2088.000000" y="245.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">c</text></g><g id="grid w/ grid w/ grid.b.d"><g class="shape" ><rect x="2195.000000" y="220.000000" width="54.000000" height="362.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="2222.000000" y="406.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.b.b 1.b 2"><g class="shape" ><rect x="689.000000" y="172.000000" width="266.000000" height="266.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="822.000000" y="193.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 2</text></g><g id="grid w/ nested containers.b.b 1.b 2a"><g class="shape" ><rect x="975.000000" y="172.000000" width="273.000000" height="266.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1111.500000" y="193.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 2a</text></g><g id="grid w/ grid w/ grid.b.c.a"><g class="shape" ><rect x="1981.000000" y="256.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2007.500000" y="294.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.c.b"><g class="shape" ><rect x="2034.000000" y="256.000000" width="161.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2114.500000" y="294.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c.c"><g class="shape" ><rect x="1981.000000" y="322.000000" width="53.000000" height="260.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2007.500000" y="457.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.b.c.d"><g class="shape" ><rect x="2034.000000" y="322.000000" width="161.000000" height="260.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2114.500000" y="343.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.b.b 1.b 2.b 3"><g class="shape" ><rect x="739.000000" y="222.000000" width="166.000000" height="166.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="822.000000" y="243.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 3</text></g><g id="grid w/ nested containers.b.b 1.b 2a.b 3a"><g class="shape" ><rect x="1025.000000" y="222.000000" width="173.000000" height="166.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1111.500000" y="243.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 3a</text></g><g id="grid w/ grid w/ grid.b.c.d.a"><g class="shape" ><rect x="2034.000000" y="353.000000" width="107.000000" height="163.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2087.500000" y="374.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.c.d.b"><g class="shape" ><rect x="2141.000000" y="353.000000" width="54.000000" height="163.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2168.000000" y="440.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c.d.c"><g class="shape" ><rect x="2034.000000" y="516.000000" width="107.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2087.500000" y="554.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.b.c.d.d"><g class="shape" ><rect x="2141.000000" y="516.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2168.000000" y="554.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.b.b 1.b 2.b 3.b 4"><g class="shape" ><rect x="789.000000" y="272.000000" width="66.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="822.000000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b 4</text></g><g id="grid w/ nested containers.b.b 1.b 2a.b 3a.b 3a"><g class="shape" ><rect x="1075.000000" y="272.000000" width="73.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1111.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b 3a</text></g><g id="grid w/ grid w/ grid.b.c.d.a.a"><g class="shape" ><rect x="2034.000000" y="384.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2060.500000" y="422.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.c.d.a.b"><g class="shape" ><rect x="2087.000000" y="384.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2114.000000" y="422.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c.d.a.c"><g class="shape" ><rect x="2034.000000" y="450.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2060.500000" y="488.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.b.c.d.a.d"><g class="shape" ><rect x="2087.000000" y="450.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2114.000000" y="488.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-747303535" maskUnits="userSpaceOnUse" x="11" y="11" width="2239" height="694">
+		.d2-511948305 .fill-N1{fill:#0A0F25;}
+		.d2-511948305 .fill-N2{fill:#676C7E;}
+		.d2-511948305 .fill-N3{fill:#9499AB;}
+		.d2-511948305 .fill-N4{fill:#CFD2DD;}
+		.d2-511948305 .fill-N5{fill:#DEE1EB;}
+		.d2-511948305 .fill-N6{fill:#EEF1F8;}
+		.d2-511948305 .fill-N7{fill:#FFFFFF;}
+		.d2-511948305 .fill-B1{fill:#0D32B2;}
+		.d2-511948305 .fill-B2{fill:#0D32B2;}
+		.d2-511948305 .fill-B3{fill:#E3E9FD;}
+		.d2-511948305 .fill-B4{fill:#E3E9FD;}
+		.d2-511948305 .fill-B5{fill:#EDF0FD;}
+		.d2-511948305 .fill-B6{fill:#F7F8FE;}
+		.d2-511948305 .fill-AA2{fill:#4A6FF3;}
+		.d2-511948305 .fill-AA4{fill:#EDF0FD;}
+		.d2-511948305 .fill-AA5{fill:#F7F8FE;}
+		.d2-511948305 .fill-AB4{fill:#EDF0FD;}
+		.d2-511948305 .fill-AB5{fill:#F7F8FE;}
+		.d2-511948305 .stroke-N1{stroke:#0A0F25;}
+		.d2-511948305 .stroke-N2{stroke:#676C7E;}
+		.d2-511948305 .stroke-N3{stroke:#9499AB;}
+		.d2-511948305 .stroke-N4{stroke:#CFD2DD;}
+		.d2-511948305 .stroke-N5{stroke:#DEE1EB;}
+		.d2-511948305 .stroke-N6{stroke:#EEF1F8;}
+		.d2-511948305 .stroke-N7{stroke:#FFFFFF;}
+		.d2-511948305 .stroke-B1{stroke:#0D32B2;}
+		.d2-511948305 .stroke-B2{stroke:#0D32B2;}
+		.d2-511948305 .stroke-B3{stroke:#E3E9FD;}
+		.d2-511948305 .stroke-B4{stroke:#E3E9FD;}
+		.d2-511948305 .stroke-B5{stroke:#EDF0FD;}
+		.d2-511948305 .stroke-B6{stroke:#F7F8FE;}
+		.d2-511948305 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-511948305 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-511948305 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-511948305 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-511948305 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-511948305 .background-color-N1{background-color:#0A0F25;}
+		.d2-511948305 .background-color-N2{background-color:#676C7E;}
+		.d2-511948305 .background-color-N3{background-color:#9499AB;}
+		.d2-511948305 .background-color-N4{background-color:#CFD2DD;}
+		.d2-511948305 .background-color-N5{background-color:#DEE1EB;}
+		.d2-511948305 .background-color-N6{background-color:#EEF1F8;}
+		.d2-511948305 .background-color-N7{background-color:#FFFFFF;}
+		.d2-511948305 .background-color-B1{background-color:#0D32B2;}
+		.d2-511948305 .background-color-B2{background-color:#0D32B2;}
+		.d2-511948305 .background-color-B3{background-color:#E3E9FD;}
+		.d2-511948305 .background-color-B4{background-color:#E3E9FD;}
+		.d2-511948305 .background-color-B5{background-color:#EDF0FD;}
+		.d2-511948305 .background-color-B6{background-color:#F7F8FE;}
+		.d2-511948305 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-511948305 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-511948305 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-511948305 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-511948305 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-511948305 .color-N1{color:#0A0F25;}
+		.d2-511948305 .color-N2{color:#676C7E;}
+		.d2-511948305 .color-N3{color:#9499AB;}
+		.d2-511948305 .color-N4{color:#CFD2DD;}
+		.d2-511948305 .color-N5{color:#DEE1EB;}
+		.d2-511948305 .color-N6{color:#EEF1F8;}
+		.d2-511948305 .color-N7{color:#FFFFFF;}
+		.d2-511948305 .color-B1{color:#0D32B2;}
+		.d2-511948305 .color-B2{color:#0D32B2;}
+		.d2-511948305 .color-B3{color:#E3E9FD;}
+		.d2-511948305 .color-B4{color:#E3E9FD;}
+		.d2-511948305 .color-B5{color:#EDF0FD;}
+		.d2-511948305 .color-B6{color:#F7F8FE;}
+		.d2-511948305 .color-AA2{color:#4A6FF3;}
+		.d2-511948305 .color-AA4{color:#EDF0FD;}
+		.d2-511948305 .color-AA5{color:#F7F8FE;}
+		.d2-511948305 .color-AB4{color:#EDF0FD;}
+		.d2-511948305 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="grid w/ container" class="2x2"><g class="shape" ><rect x="12.000000" y="162.000000" width="404.000000" height="392.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="214.000000" y="195.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ container</text></g><g id="grid w/ nested containers" class="2x2"><g class="shape" ><rect x="436.000000" y="12.000000" width="972.000000" height="692.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="922.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ nested containers</text></g><g id="grid in grid" class="2x2"><g class="shape" ><rect x="1428.000000" y="99.000000" width="480.000000" height="518.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1668.000000" y="132.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid in grid</text></g><g id="grid w/ grid w/ grid"><g class="shape" ><rect x="1928.000000" y="67.000000" width="321.000000" height="581.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="2088.500000" y="100.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ grid w/ grid</text></g><g id="grid w/ container.a"><g class="shape" ><rect x="72.000000" y="222.000000" width="53.000000" height="166.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="98.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ container.b"><g class="shape" ><rect x="165.000000" y="222.000000" width="191.000000" height="166.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="260.500000" y="251.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ container.c"><g class="shape" ><rect x="72.000000" y="428.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="98.500000" y="466.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ container.d"><g class="shape" ><rect x="165.000000" y="428.000000" width="191.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="260.500000" y="466.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.a"><g class="shape" ><rect x="496.000000" y="72.000000" width="53.000000" height="466.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="522.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ nested containers.b"><g class="shape" ><rect x="589.000000" y="72.000000" width="759.000000" height="466.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="968.500000" y="101.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ nested containers.c"><g class="shape" ><rect x="496.000000" y="578.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="522.500000" y="616.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ nested containers.d"><g class="shape" ><rect x="589.000000" y="578.000000" width="759.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="968.500000" y="616.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid in grid.a"><g class="shape" ><rect x="1488.000000" y="159.000000" width="53.000000" height="292.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1514.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid in grid.b" class="2x2"><g class="shape" ><rect x="1581.000000" y="159.000000" width="267.000000" height="292.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1714.500000" y="188.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid in grid.c"><g class="shape" ><rect x="1488.000000" y="491.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1514.500000" y="529.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid in grid.d"><g class="shape" ><rect x="1581.000000" y="491.000000" width="267.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1714.500000" y="529.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ grid w/ grid.a"><g class="shape" ><rect x="1928.000000" y="113.000000" width="53.000000" height="469.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1954.500000" y="353.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b"><g class="shape" ><rect x="1981.000000" y="113.000000" width="268.000000" height="469.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2115.000000" y="142.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ grid w/ grid.c"><g class="shape" ><rect x="1928.000000" y="582.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1954.500000" y="620.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.d"><g class="shape" ><rect x="1981.000000" y="582.000000" width="268.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2115.000000" y="620.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ container.b.b child"><g class="shape" ><rect x="215.000000" y="272.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="260.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><g id="grid w/ nested containers.b.b 1"><g class="shape" ><rect x="639.000000" y="122.000000" width="659.000000" height="366.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="968.500000" y="147.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">b 1</text></g><g id="grid in grid.b.a"><g class="shape" ><rect x="1641.000000" y="219.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1667.500000" y="257.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid in grid.b.b"><g class="shape" ><rect x="1734.000000" y="219.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1761.000000" y="257.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid in grid.b.c"><g class="shape" ><rect x="1641.000000" y="325.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1667.500000" y="363.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid in grid.b.d"><g class="shape" ><rect x="1734.000000" y="325.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1761.000000" y="363.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ grid w/ grid.b.a"><g class="shape" ><rect x="1981.000000" y="154.000000" width="214.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="2088.000000" y="192.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.b"><g class="shape" ><rect x="2195.000000" y="154.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="2222.000000" y="192.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c"><g class="shape" ><rect x="1981.000000" y="220.000000" width="214.000000" height="362.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="2088.000000" y="245.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">c</text></g><g id="grid w/ grid w/ grid.b.d"><g class="shape" ><rect x="2195.000000" y="220.000000" width="54.000000" height="362.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="2222.000000" y="406.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.b.b 1.b 2"><g class="shape" ><rect x="689.000000" y="172.000000" width="266.000000" height="266.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="822.000000" y="193.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 2</text></g><g id="grid w/ nested containers.b.b 1.b 2a"><g class="shape" ><rect x="975.000000" y="172.000000" width="273.000000" height="266.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1111.500000" y="193.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 2a</text></g><g id="grid w/ grid w/ grid.b.c.a"><g class="shape" ><rect x="1981.000000" y="256.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2007.500000" y="294.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.c.b"><g class="shape" ><rect x="2034.000000" y="256.000000" width="161.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2114.500000" y="294.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c.c"><g class="shape" ><rect x="1981.000000" y="322.000000" width="53.000000" height="260.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2007.500000" y="457.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.b.c.d"><g class="shape" ><rect x="2034.000000" y="322.000000" width="161.000000" height="260.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2114.500000" y="343.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.b.b 1.b 2.b 3"><g class="shape" ><rect x="739.000000" y="222.000000" width="166.000000" height="166.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="822.000000" y="243.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 3</text></g><g id="grid w/ nested containers.b.b 1.b 2a.b 3a"><g class="shape" ><rect x="1025.000000" y="222.000000" width="173.000000" height="166.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1111.500000" y="243.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 3a</text></g><g id="grid w/ grid w/ grid.b.c.d.a"><g class="shape" ><rect x="2034.000000" y="353.000000" width="107.000000" height="163.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2087.500000" y="374.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.c.d.b"><g class="shape" ><rect x="2141.000000" y="353.000000" width="54.000000" height="163.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2168.000000" y="440.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c.d.c"><g class="shape" ><rect x="2034.000000" y="516.000000" width="107.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2087.500000" y="554.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.b.c.d.d"><g class="shape" ><rect x="2141.000000" y="516.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2168.000000" y="554.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.b.b 1.b 2.b 3.b 4"><g class="shape" ><rect x="789.000000" y="272.000000" width="66.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="822.000000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b 4</text></g><g id="grid w/ nested containers.b.b 1.b 2a.b 3a.b 3a"><g class="shape" ><rect x="1075.000000" y="272.000000" width="73.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1111.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b 3a</text></g><g id="grid w/ grid w/ grid.b.c.d.a.a"><g class="shape" ><rect x="2034.000000" y="384.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2060.500000" y="422.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.c.d.a.b"><g class="shape" ><rect x="2087.000000" y="384.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2114.000000" y="422.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c.d.a.c"><g class="shape" ><rect x="2034.000000" y="450.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2060.500000" y="488.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.b.c.d.a.d"><g class="shape" ><rect x="2087.000000" y="450.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="2114.000000" y="488.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-511948305" maskUnits="userSpaceOnUse" x="11" y="11" width="2239" height="694">
 <rect x="11" y="11" width="2239" height="694" fill="white"></rect>
 
 </mask></svg></svg>
\ No newline at end of file