diff --git a/src/bracket-double/double-elim-bracket.tsx b/src/bracket-double/double-elim-bracket.tsx index 5724b19..1723603 100644 --- a/src/bracket-double/double-elim-bracket.tsx +++ b/src/bracket-double/double-elim-bracket.tsx @@ -127,7 +127,7 @@ const DoubleEliminationBracket = ({ const totalNumOfRounds = lowerColumns.length + 1 + (hasMultipleFinals && finalsArray.length - 1); const upperBracketDimensions = calculateSVGDimensions( - upperColumns[0].length, + Math.max(...upperColumns.map(column => column.length)), upperColumns.length, rowHeight, columnWidth, @@ -136,7 +136,7 @@ const DoubleEliminationBracket = ({ currentRound ); const lowerBracketDimensions = calculateSVGDimensions( - lowerColumns[0].length, + Math.max(...lowerColumns.map(column => column.length)), lowerColumns.length, rowHeight, columnWidth, @@ -145,7 +145,7 @@ const DoubleEliminationBracket = ({ currentRound ); const fullBracketDimensions = calculateSVGDimensions( - lowerColumns[0].length, + Math.max(...lowerColumns.map(column => column.length).concat(upperColumns.map(rows => rows.length))), totalNumOfRounds, rowHeight, columnWidth, diff --git a/src/bracket-single/single-elim-bracket.tsx b/src/bracket-single/single-elim-bracket.tsx index 8779dc8..ecb39dd 100644 --- a/src/bracket-single/single-elim-bracket.tsx +++ b/src/bracket-single/single-elim-bracket.tsx @@ -75,7 +75,7 @@ const SingleEliminationBracket = ({ // ] const { gameWidth, gameHeight, startPosition } = calculateSVGDimensions( - columns[0].length, + Math.max(...columns.map(column => column.length)), columns.length, rowHeight, columnWidth,