List Grouping

Hello! I truly appreciate all assistance

I have a list that is grouping my division name and then status, but I cannot get the header columns to be hidden.

Here is my view formatting JSON:

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/row-formatting.schema.json",
  "groupProps": {
    "hideFooter": false,
    "headerFormatter": {
      "elmType": "div",
      "style": {
        "flex-wrap": "wrap",
        "display": "flex",
        "box-sizing": "border-box",
        "padding": "4px 8px 5px 8px",
        "border-radius": "6px",
        "align-items": "center",
        "white-space": "nowrap",
        "overflow": "hidden",
        "margin": "1px 4px 4px 1px"
      },
      "children": [
        {
          "elmType": "div",
          "style": {
            "display": "flex",
            "flex-direction": "row",
            "justify-content": "center"
          },
          "children": [
            {
              "elmType": "div",
              "txtContent": "= @group.fieldData.displayValue",
              "style": {
                "padding": "5px 5px 5px 5px",
                "font-weight": "500",
                "color": "=if(@group.fieldData.displayValue == 'Business Cards', '#8B4513', if(@group.fieldData.displayValue == 'Name Badge', '#FF6F61', if(@group.fieldData.displayValue == 'General Supplies', '#9400D3', 'DefaultColor')))"
              }
            },
            {
              "elmType": "div",
              "attributes": {
                "class": "=if(@group.fieldData.displayValue == 'Business Cards', 'ms-Icon--IDBadge', if(@group.fieldData.displayValue == 'Name Badge', 'ms-Icon--IDBadge', if(@group.fieldData.displayValue == 'General Supplies', 'ms-Icon--Box', '')))"
              },
              "style": {
                "font-size": "16px",
                "padding-left": "5px"
              }
            }
          ]
        }
      ]
    }
  }
}

Please let me know if you have any questions or concerns.