Nested grid diagrams do not occupy full width

[marcortw]

I am trying to use the grid diagram feature to describe the composition of a service - similar to your example, but using nesting. The documentation here says that "Cells expand to fill". It seems like this doesn't apply to the nested maps in grid diagrams? I am new to d2 and I might be totally misunderstanding something here. Thanks for any help!

Generated diagram:

From this:

vars: {
  d2-config: {
    pad: 0
  }
}
classes: {
  and: {
    style: {
      stroke-width: 3
    }
  }
  xor: {
    style: {
      stroke-dash: 1
    }
  }
  or: {
    style: {
      stroke-dash: 5
    }
  }
}
"Some Service": {
  grid-columns: 1
  "Optional services": {
    grid-rows: 2
    class: or
    "Something nice".class: or
    "Something pointless": {
      grid-columns: 2
      class: or
      "Default Option".class: and
      "With xor'd options": {
        grid-rows: 3
        class: and
        "Option 1".class: xor
        "Option 2".class: xor
        "Option 3".class: xor
      }
    }
  }
  "Mandatory packages within service": {
    grid-columns: 3
    class: and
    "A subscription": {
      grid-rows: 4
      class: and
      "Custom".class: xor
      "Medium".class: xor
      "Large".class: xor
      "Small".class: xor
    }
    "Something else".class: and
    "And some Professional Services".class: and
  }
}