diff --git a/d2compiler/compile.go b/d2compiler/compile.go
index c01544066..46d854cb7 100644
--- a/d2compiler/compile.go
+++ b/d2compiler/compile.go
@@ -307,26 +307,26 @@ func (c *compiler) compileLabel(attrs *d2graph.Attributes, f d2ir.Node) {
 
 func (c *compiler) compileReserved(attrs *d2graph.Attributes, f *d2ir.Field) {
 	if f.Primary() == nil {
-		compositeAccepted := strings.EqualFold(f.Name, "class") || strings.EqualFold(f.Name, "constraint")
-		if f.Composite != nil && !compositeAccepted {
-			c.errorf(f.LastPrimaryKey(), "reserved field %v does not accept composite", f.Name)
-		}
-		switch f.Name {
-		case "class":
-			if arr, ok := f.Composite.(*d2ir.Array); ok {
-				for _, class := range arr.Values {
-					if scalar, ok := class.(*d2ir.Scalar); ok {
-						attrs.Classes = append(attrs.Classes, scalar.Value.ScalarString())
+		if f.Composite != nil {
+			switch f.Name {
+			case "class":
+				if arr, ok := f.Composite.(*d2ir.Array); ok {
+					for _, class := range arr.Values {
+						if scalar, ok := class.(*d2ir.Scalar); ok {
+							attrs.Classes = append(attrs.Classes, scalar.Value.ScalarString())
+						}
 					}
 				}
-			}
-		case "constraint":
-			if arr, ok := f.Composite.(*d2ir.Array); ok {
-				for _, constraint := range arr.Values {
-					if scalar, ok := constraint.(*d2ir.Scalar); ok {
-						attrs.Constraint = append(attrs.Constraint, scalar.Value.ScalarString())
+			case "constraint":
+				if arr, ok := f.Composite.(*d2ir.Array); ok {
+					for _, constraint := range arr.Values {
+						if scalar, ok := constraint.(*d2ir.Scalar); ok {
+							attrs.Constraint = append(attrs.Constraint, scalar.Value.ScalarString())
+						}
 					}
 				}
+			default:
+				c.errorf(f.LastPrimaryKey(), "reserved field %v does not accept composite", f.Name)
 			}
 		}
 		return
diff --git a/d2graph/d2graph.go b/d2graph/d2graph.go
index 56647269f..56a87b5dc 100644
--- a/d2graph/d2graph.go
+++ b/d2graph/d2graph.go
@@ -1036,8 +1036,8 @@ func (obj *Object) GetDefaultSize(mtexts []*d2target.MText, ruler *textmeasure.R
 			}
 			maxTypeWidth = go2.Max(maxTypeWidth, typeDims.Width)
 
-			// 60 covers UNQ constraint with padding, 50 for further constraints covers UNQ + space
-			if newWidth := 60 + 50*(len(c.Constraint)-1); newWidth > constraintWidth {
+			// 60 covers UNQ constraint with padding, 40 for further constraints covers UNQ + space
+			if newWidth := 60 + 40*(len(c.Constraint)-1); newWidth > constraintWidth {
 				constraintWidth = newWidth
 			}
 		}
diff --git a/e2etests/stable_test.go b/e2etests/stable_test.go
index 79a385e9b..e65916494 100644
--- a/e2etests/stable_test.go
+++ b/e2etests/stable_test.go
@@ -2385,6 +2385,30 @@ manager2: BatchManager {
   +getJobs(): "Job[]"
   +setTimeout(seconds int)
 }
+`,
+		},
+		{
+			name: "sql_table_constraints_width",
+			script: `
+a: {
+	shape: sql_table
+	x: INT {constraint: unique}
+}
+
+b: {
+	shape: sql_table
+	x: INT {constraint: [primary_key; foreign_key]}
+}
+
+c: {
+	shape: sql_table
+	x: INT {constraint: [foreign_key; unique]}
+}
+
+d: {
+	shape: sql_table
+	x: INT {constraint: [primary_key; foreign_key; unique]}
+}
 `,
 		},
 		{
diff --git a/e2etests/testdata/stable/sql_table_constraints_width/dagre/board.exp.json b/e2etests/testdata/stable/sql_table_constraints_width/dagre/board.exp.json
new file mode 100644
index 000000000..07f1bd9f4
--- /dev/null
+++ b/e2etests/testdata/stable/sql_table_constraints_width/dagre/board.exp.json
@@ -0,0 +1,348 @@
+{
+  "name": "",
+  "isFolderOnly": false,
+  "fontFamily": "SourceSansPro",
+  "shapes": [
+    {
+      "id": "a",
+      "type": "sql_table",
+      "pos": {
+        "x": 0,
+        "y": 0
+      },
+      "width": 148,
+      "height": 72,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "N1",
+      "stroke": "N7",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": [
+        {
+          "name": {
+            "label": "x",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 9,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "INT",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 29,
+            "labelHeight": 26
+          },
+          "constraint": [
+            "unique"
+          ],
+          "reference": ""
+        }
+      ],
+      "label": "a",
+      "fontSize": 20,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 11,
+      "labelHeight": 31,
+      "zIndex": 0,
+      "level": 1,
+      "primaryAccentColor": "B2",
+      "secondaryAccentColor": "AA2",
+      "neutralAccentColor": "N2"
+    },
+    {
+      "id": "b",
+      "type": "sql_table",
+      "pos": {
+        "x": 208,
+        "y": 0
+      },
+      "width": 188,
+      "height": 72,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "N1",
+      "stroke": "N7",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": [
+        {
+          "name": {
+            "label": "x",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 9,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "INT",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 29,
+            "labelHeight": 26
+          },
+          "constraint": [
+            "primary_key",
+            "foreign_key"
+          ],
+          "reference": ""
+        }
+      ],
+      "label": "b",
+      "fontSize": 20,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 12,
+      "labelHeight": 31,
+      "zIndex": 0,
+      "level": 1,
+      "primaryAccentColor": "B2",
+      "secondaryAccentColor": "AA2",
+      "neutralAccentColor": "N2"
+    },
+    {
+      "id": "c",
+      "type": "sql_table",
+      "pos": {
+        "x": 456,
+        "y": 0
+      },
+      "width": 188,
+      "height": 72,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "N1",
+      "stroke": "N7",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": [
+        {
+          "name": {
+            "label": "x",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 9,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "INT",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 29,
+            "labelHeight": 26
+          },
+          "constraint": [
+            "foreign_key",
+            "unique"
+          ],
+          "reference": ""
+        }
+      ],
+      "label": "c",
+      "fontSize": 20,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 11,
+      "labelHeight": 31,
+      "zIndex": 0,
+      "level": 1,
+      "primaryAccentColor": "B2",
+      "secondaryAccentColor": "AA2",
+      "neutralAccentColor": "N2"
+    },
+    {
+      "id": "d",
+      "type": "sql_table",
+      "pos": {
+        "x": 704,
+        "y": 0
+      },
+      "width": 228,
+      "height": 72,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "N1",
+      "stroke": "N7",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": [
+        {
+          "name": {
+            "label": "x",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 9,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "INT",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 29,
+            "labelHeight": 26
+          },
+          "constraint": [
+            "primary_key",
+            "foreign_key",
+            "unique"
+          ],
+          "reference": ""
+        }
+      ],
+      "label": "d",
+      "fontSize": 20,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 13,
+      "labelHeight": 31,
+      "zIndex": 0,
+      "level": 1,
+      "primaryAccentColor": "B2",
+      "secondaryAccentColor": "AA2",
+      "neutralAccentColor": "N2"
+    }
+  ],
+  "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/sql_table_constraints_width/dagre/sketch.exp.svg b/e2etests/testdata/stable/sql_table_constraints_width/dagre/sketch.exp.svg
new file mode 100644
index 000000000..d294404e2
--- /dev/null
+++ b/e2etests/testdata/stable/sql_table_constraints_width/dagre/sketch.exp.svg
@@ -0,0 +1,95 @@
+<?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.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 934 74"><svg id="d2-svg" class="d2-645322524" width="934" height="74" viewBox="-1 -1 934 74"><rect x="-1.000000" y="-1.000000" width="934.000000" height="74.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-645322524 .text {
+	font-family: "d2-645322524-font-regular";
+}
+@font-face {
+	font-family: d2-645322524-font-regular;
+	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-645322524 .fill-N1{fill:#0A0F25;}
+		.d2-645322524 .fill-N2{fill:#676C7E;}
+		.d2-645322524 .fill-N3{fill:#9499AB;}
+		.d2-645322524 .fill-N4{fill:#CFD2DD;}
+		.d2-645322524 .fill-N5{fill:#DEE1EB;}
+		.d2-645322524 .fill-N6{fill:#EEF1F8;}
+		.d2-645322524 .fill-N7{fill:#FFFFFF;}
+		.d2-645322524 .fill-B1{fill:#0D32B2;}
+		.d2-645322524 .fill-B2{fill:#0D32B2;}
+		.d2-645322524 .fill-B3{fill:#E3E9FD;}
+		.d2-645322524 .fill-B4{fill:#E3E9FD;}
+		.d2-645322524 .fill-B5{fill:#EDF0FD;}
+		.d2-645322524 .fill-B6{fill:#F7F8FE;}
+		.d2-645322524 .fill-AA2{fill:#4A6FF3;}
+		.d2-645322524 .fill-AA4{fill:#EDF0FD;}
+		.d2-645322524 .fill-AA5{fill:#F7F8FE;}
+		.d2-645322524 .fill-AB4{fill:#EDF0FD;}
+		.d2-645322524 .fill-AB5{fill:#F7F8FE;}
+		.d2-645322524 .stroke-N1{stroke:#0A0F25;}
+		.d2-645322524 .stroke-N2{stroke:#676C7E;}
+		.d2-645322524 .stroke-N3{stroke:#9499AB;}
+		.d2-645322524 .stroke-N4{stroke:#CFD2DD;}
+		.d2-645322524 .stroke-N5{stroke:#DEE1EB;}
+		.d2-645322524 .stroke-N6{stroke:#EEF1F8;}
+		.d2-645322524 .stroke-N7{stroke:#FFFFFF;}
+		.d2-645322524 .stroke-B1{stroke:#0D32B2;}
+		.d2-645322524 .stroke-B2{stroke:#0D32B2;}
+		.d2-645322524 .stroke-B3{stroke:#E3E9FD;}
+		.d2-645322524 .stroke-B4{stroke:#E3E9FD;}
+		.d2-645322524 .stroke-B5{stroke:#EDF0FD;}
+		.d2-645322524 .stroke-B6{stroke:#F7F8FE;}
+		.d2-645322524 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-645322524 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-645322524 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-645322524 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-645322524 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-645322524 .background-color-N1{background-color:#0A0F25;}
+		.d2-645322524 .background-color-N2{background-color:#676C7E;}
+		.d2-645322524 .background-color-N3{background-color:#9499AB;}
+		.d2-645322524 .background-color-N4{background-color:#CFD2DD;}
+		.d2-645322524 .background-color-N5{background-color:#DEE1EB;}
+		.d2-645322524 .background-color-N6{background-color:#EEF1F8;}
+		.d2-645322524 .background-color-N7{background-color:#FFFFFF;}
+		.d2-645322524 .background-color-B1{background-color:#0D32B2;}
+		.d2-645322524 .background-color-B2{background-color:#0D32B2;}
+		.d2-645322524 .background-color-B3{background-color:#E3E9FD;}
+		.d2-645322524 .background-color-B4{background-color:#E3E9FD;}
+		.d2-645322524 .background-color-B5{background-color:#EDF0FD;}
+		.d2-645322524 .background-color-B6{background-color:#F7F8FE;}
+		.d2-645322524 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-645322524 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-645322524 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-645322524 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-645322524 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-645322524 .color-N1{color:#0A0F25;}
+		.d2-645322524 .color-N2{color:#676C7E;}
+		.d2-645322524 .color-N3{color:#9499AB;}
+		.d2-645322524 .color-N4{color:#CFD2DD;}
+		.d2-645322524 .color-N5{color:#DEE1EB;}
+		.d2-645322524 .color-N6{color:#EEF1F8;}
+		.d2-645322524 .color-N7{color:#FFFFFF;}
+		.d2-645322524 .color-B1{color:#0D32B2;}
+		.d2-645322524 .color-B2{color:#0D32B2;}
+		.d2-645322524 .color-B3{color:#E3E9FD;}
+		.d2-645322524 .color-B4{color:#E3E9FD;}
+		.d2-645322524 .color-B5{color:#EDF0FD;}
+		.d2-645322524 .color-B6{color:#F7F8FE;}
+		.d2-645322524 .color-AA2{color:#4A6FF3;}
+		.d2-645322524 .color-AA4{color:#EDF0FD;}
+		.d2-645322524 .color-AA5{color:#F7F8FE;}
+		.d2-645322524 .color-AB4{color:#EDF0FD;}
+		.d2-645322524 .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="a"><g class="shape" ><rect x="0.000000" y="0.000000" width="148.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="148.000000" height="36.000000" class="class_header fill-N1" /><text x="10.000000" y="25.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">a</text><text x="10.000000" y="59.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">x</text><text x="39.000000" y="59.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">INT</text><text x="128.000000" y="59.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px">UNQ</text><line x1="0.000000" x2="148.000000" y1="72.000000" y2="72.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="b"><g class="shape" ><rect x="208.000000" y="0.000000" width="188.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="208.000000" y="0.000000" width="188.000000" height="36.000000" class="class_header fill-N1" /><text x="218.000000" y="25.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">b</text><text x="218.000000" y="59.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">x</text><text x="247.000000" y="59.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">INT</text><text x="376.000000" y="59.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px">PK FK</text><line x1="208.000000" x2="396.000000" y1="72.000000" y2="72.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="c"><g class="shape" ><rect x="456.000000" y="0.000000" width="188.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="456.000000" y="0.000000" width="188.000000" height="36.000000" class="class_header fill-N1" /><text x="466.000000" y="25.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">c</text><text x="466.000000" y="59.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">x</text><text x="495.000000" y="59.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">INT</text><text x="624.000000" y="59.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px">FK UNQ</text><line x1="456.000000" x2="644.000000" y1="72.000000" y2="72.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="d"><g class="shape" ><rect x="704.000000" y="0.000000" width="228.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="704.000000" y="0.000000" width="228.000000" height="36.000000" class="class_header fill-N1" /><text x="714.000000" y="25.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">d</text><text x="714.000000" y="59.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">x</text><text x="743.000000" y="59.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">INT</text><text x="912.000000" y="59.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px">PK FK UNQ</text><line x1="704.000000" x2="932.000000" y1="72.000000" y2="72.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><mask id="d2-645322524" maskUnits="userSpaceOnUse" x="-1" y="-1" width="934" height="74">
+<rect x="-1" y="-1" width="934" height="74" fill="white"></rect>
+
+</mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/stable/sql_table_constraints_width/elk/board.exp.json b/e2etests/testdata/stable/sql_table_constraints_width/elk/board.exp.json
new file mode 100644
index 000000000..e30fede94
--- /dev/null
+++ b/e2etests/testdata/stable/sql_table_constraints_width/elk/board.exp.json
@@ -0,0 +1,348 @@
+{
+  "name": "",
+  "isFolderOnly": false,
+  "fontFamily": "SourceSansPro",
+  "shapes": [
+    {
+      "id": "a",
+      "type": "sql_table",
+      "pos": {
+        "x": 12,
+        "y": 12
+      },
+      "width": 148,
+      "height": 72,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "N1",
+      "stroke": "N7",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": [
+        {
+          "name": {
+            "label": "x",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 9,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "INT",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 29,
+            "labelHeight": 26
+          },
+          "constraint": [
+            "unique"
+          ],
+          "reference": ""
+        }
+      ],
+      "label": "a",
+      "fontSize": 20,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 11,
+      "labelHeight": 31,
+      "zIndex": 0,
+      "level": 1,
+      "primaryAccentColor": "B2",
+      "secondaryAccentColor": "AA2",
+      "neutralAccentColor": "N2"
+    },
+    {
+      "id": "b",
+      "type": "sql_table",
+      "pos": {
+        "x": 180,
+        "y": 12
+      },
+      "width": 188,
+      "height": 72,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "N1",
+      "stroke": "N7",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": [
+        {
+          "name": {
+            "label": "x",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 9,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "INT",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 29,
+            "labelHeight": 26
+          },
+          "constraint": [
+            "primary_key",
+            "foreign_key"
+          ],
+          "reference": ""
+        }
+      ],
+      "label": "b",
+      "fontSize": 20,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 12,
+      "labelHeight": 31,
+      "zIndex": 0,
+      "level": 1,
+      "primaryAccentColor": "B2",
+      "secondaryAccentColor": "AA2",
+      "neutralAccentColor": "N2"
+    },
+    {
+      "id": "c",
+      "type": "sql_table",
+      "pos": {
+        "x": 388,
+        "y": 12
+      },
+      "width": 188,
+      "height": 72,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "N1",
+      "stroke": "N7",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": [
+        {
+          "name": {
+            "label": "x",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 9,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "INT",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 29,
+            "labelHeight": 26
+          },
+          "constraint": [
+            "foreign_key",
+            "unique"
+          ],
+          "reference": ""
+        }
+      ],
+      "label": "c",
+      "fontSize": 20,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 11,
+      "labelHeight": 31,
+      "zIndex": 0,
+      "level": 1,
+      "primaryAccentColor": "B2",
+      "secondaryAccentColor": "AA2",
+      "neutralAccentColor": "N2"
+    },
+    {
+      "id": "d",
+      "type": "sql_table",
+      "pos": {
+        "x": 596,
+        "y": 12
+      },
+      "width": 228,
+      "height": 72,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "N1",
+      "stroke": "N7",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": [
+        {
+          "name": {
+            "label": "x",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 9,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "INT",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 29,
+            "labelHeight": 26
+          },
+          "constraint": [
+            "primary_key",
+            "foreign_key",
+            "unique"
+          ],
+          "reference": ""
+        }
+      ],
+      "label": "d",
+      "fontSize": 20,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 13,
+      "labelHeight": 31,
+      "zIndex": 0,
+      "level": 1,
+      "primaryAccentColor": "B2",
+      "secondaryAccentColor": "AA2",
+      "neutralAccentColor": "N2"
+    }
+  ],
+  "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/sql_table_constraints_width/elk/sketch.exp.svg b/e2etests/testdata/stable/sql_table_constraints_width/elk/sketch.exp.svg
new file mode 100644
index 000000000..f15db75c8
--- /dev/null
+++ b/e2etests/testdata/stable/sql_table_constraints_width/elk/sketch.exp.svg
@@ -0,0 +1,95 @@
+<?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.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 814 74"><svg id="d2-svg" class="d2-619706631" width="814" height="74" viewBox="11 11 814 74"><rect x="11.000000" y="11.000000" width="814.000000" height="74.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-619706631 .text {
+	font-family: "d2-619706631-font-regular";
+}
+@font-face {
+	font-family: d2-619706631-font-regular;
+	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-619706631 .fill-N1{fill:#0A0F25;}
+		.d2-619706631 .fill-N2{fill:#676C7E;}
+		.d2-619706631 .fill-N3{fill:#9499AB;}
+		.d2-619706631 .fill-N4{fill:#CFD2DD;}
+		.d2-619706631 .fill-N5{fill:#DEE1EB;}
+		.d2-619706631 .fill-N6{fill:#EEF1F8;}
+		.d2-619706631 .fill-N7{fill:#FFFFFF;}
+		.d2-619706631 .fill-B1{fill:#0D32B2;}
+		.d2-619706631 .fill-B2{fill:#0D32B2;}
+		.d2-619706631 .fill-B3{fill:#E3E9FD;}
+		.d2-619706631 .fill-B4{fill:#E3E9FD;}
+		.d2-619706631 .fill-B5{fill:#EDF0FD;}
+		.d2-619706631 .fill-B6{fill:#F7F8FE;}
+		.d2-619706631 .fill-AA2{fill:#4A6FF3;}
+		.d2-619706631 .fill-AA4{fill:#EDF0FD;}
+		.d2-619706631 .fill-AA5{fill:#F7F8FE;}
+		.d2-619706631 .fill-AB4{fill:#EDF0FD;}
+		.d2-619706631 .fill-AB5{fill:#F7F8FE;}
+		.d2-619706631 .stroke-N1{stroke:#0A0F25;}
+		.d2-619706631 .stroke-N2{stroke:#676C7E;}
+		.d2-619706631 .stroke-N3{stroke:#9499AB;}
+		.d2-619706631 .stroke-N4{stroke:#CFD2DD;}
+		.d2-619706631 .stroke-N5{stroke:#DEE1EB;}
+		.d2-619706631 .stroke-N6{stroke:#EEF1F8;}
+		.d2-619706631 .stroke-N7{stroke:#FFFFFF;}
+		.d2-619706631 .stroke-B1{stroke:#0D32B2;}
+		.d2-619706631 .stroke-B2{stroke:#0D32B2;}
+		.d2-619706631 .stroke-B3{stroke:#E3E9FD;}
+		.d2-619706631 .stroke-B4{stroke:#E3E9FD;}
+		.d2-619706631 .stroke-B5{stroke:#EDF0FD;}
+		.d2-619706631 .stroke-B6{stroke:#F7F8FE;}
+		.d2-619706631 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-619706631 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-619706631 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-619706631 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-619706631 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-619706631 .background-color-N1{background-color:#0A0F25;}
+		.d2-619706631 .background-color-N2{background-color:#676C7E;}
+		.d2-619706631 .background-color-N3{background-color:#9499AB;}
+		.d2-619706631 .background-color-N4{background-color:#CFD2DD;}
+		.d2-619706631 .background-color-N5{background-color:#DEE1EB;}
+		.d2-619706631 .background-color-N6{background-color:#EEF1F8;}
+		.d2-619706631 .background-color-N7{background-color:#FFFFFF;}
+		.d2-619706631 .background-color-B1{background-color:#0D32B2;}
+		.d2-619706631 .background-color-B2{background-color:#0D32B2;}
+		.d2-619706631 .background-color-B3{background-color:#E3E9FD;}
+		.d2-619706631 .background-color-B4{background-color:#E3E9FD;}
+		.d2-619706631 .background-color-B5{background-color:#EDF0FD;}
+		.d2-619706631 .background-color-B6{background-color:#F7F8FE;}
+		.d2-619706631 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-619706631 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-619706631 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-619706631 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-619706631 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-619706631 .color-N1{color:#0A0F25;}
+		.d2-619706631 .color-N2{color:#676C7E;}
+		.d2-619706631 .color-N3{color:#9499AB;}
+		.d2-619706631 .color-N4{color:#CFD2DD;}
+		.d2-619706631 .color-N5{color:#DEE1EB;}
+		.d2-619706631 .color-N6{color:#EEF1F8;}
+		.d2-619706631 .color-N7{color:#FFFFFF;}
+		.d2-619706631 .color-B1{color:#0D32B2;}
+		.d2-619706631 .color-B2{color:#0D32B2;}
+		.d2-619706631 .color-B3{color:#E3E9FD;}
+		.d2-619706631 .color-B4{color:#E3E9FD;}
+		.d2-619706631 .color-B5{color:#EDF0FD;}
+		.d2-619706631 .color-B6{color:#F7F8FE;}
+		.d2-619706631 .color-AA2{color:#4A6FF3;}
+		.d2-619706631 .color-AA4{color:#EDF0FD;}
+		.d2-619706631 .color-AA5{color:#F7F8FE;}
+		.d2-619706631 .color-AB4{color:#EDF0FD;}
+		.d2-619706631 .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="a"><g class="shape" ><rect x="12.000000" y="12.000000" width="148.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="12.000000" width="148.000000" height="36.000000" class="class_header fill-N1" /><text x="22.000000" y="37.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">a</text><text x="22.000000" y="71.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">x</text><text x="51.000000" y="71.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">INT</text><text x="140.000000" y="71.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px">UNQ</text><line x1="12.000000" x2="160.000000" y1="84.000000" y2="84.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="b"><g class="shape" ><rect x="180.000000" y="12.000000" width="188.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="180.000000" y="12.000000" width="188.000000" height="36.000000" class="class_header fill-N1" /><text x="190.000000" y="37.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">b</text><text x="190.000000" y="71.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">x</text><text x="219.000000" y="71.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">INT</text><text x="348.000000" y="71.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px">PK FK</text><line x1="180.000000" x2="368.000000" y1="84.000000" y2="84.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="c"><g class="shape" ><rect x="388.000000" y="12.000000" width="188.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="388.000000" y="12.000000" width="188.000000" height="36.000000" class="class_header fill-N1" /><text x="398.000000" y="37.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">c</text><text x="398.000000" y="71.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">x</text><text x="427.000000" y="71.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">INT</text><text x="556.000000" y="71.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px">FK UNQ</text><line x1="388.000000" x2="576.000000" y1="84.000000" y2="84.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="d"><g class="shape" ><rect x="596.000000" y="12.000000" width="228.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="596.000000" y="12.000000" width="228.000000" height="36.000000" class="class_header fill-N1" /><text x="606.000000" y="37.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">d</text><text x="606.000000" y="71.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">x</text><text x="635.000000" y="71.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">INT</text><text x="804.000000" y="71.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px">PK FK UNQ</text><line x1="596.000000" x2="824.000000" y1="84.000000" y2="84.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><mask id="d2-619706631" maskUnits="userSpaceOnUse" x="11" y="11" width="814" height="74">
+<rect x="11" y="11" width="814" height="74" fill="white"></rect>
+
+</mask></svg></svg>
\ No newline at end of file