<Row className="mt-3">
          <Col xs="6">
            <FormGroup className="mb-0">
              <Label for="maxPlayers" className="selection">Max Players</Label>
              <Input t
                type="number"
                name="maxPlayers"
                id="maxPlayers"
                className="players-input dropdown"
                onChange={this.changeMaxPlayers}
                placeholder="0"
              />
            </FormGroup>
            <p className="selection">Min Chip</p>
            <Dropdown  size="sm" isOpen={this.state.dropdownOpenMinChip} toggle={this.toggleMinChipInput}>
              <DropdownToggle caret className="dropdowns">
                {this.props.minChip}
              </DropdownToggle>
              <DropdownMenu>
                {this.state.minChipOptions.map((chip, index) => {
                  return <DropdownItem key={index} value={chip} onClick={this.handleGenerateStacks}>{chip}</DropdownItem>
                })}
              </DropdownMenu>
            </Dropdown>
            <p className="selection">Starting Stack</p>
              <Dropdown size="sm" isOpen={this.state.dropdownOpenStartingStack} toggle={this.toggleStartingStackInput}>
                <DropdownToggle caret className="dropdowns">
                  {this.props.startingStack}
                </DropdownToggle>
                <DropdownMenu modifiers={{ setMaxHeight: { enabled: true, order: 890,
                  fn: (data) => {
                    return {...data, styles: {...data.styles, overflow: 'auto', maxHeight: 100, },
                        };
                      },
                    },
                  }}>
                  {this.props.possibleStack.map((stack, index) => {
                    return <DropdownItem key={index} value={stack} onClick={this.handleChangeChips}>{stack}</DropdownItem>
                  })}
                </DropdownMenu>
              </Dropdown>
          </Col>