HTML <ol>тег выравнивание по левому краю

Question

Мой код выстроен не так, как мне хотелось бы

    <Row >
      <Col className="person-wrapper">
                            <ol>
                    <li>xxxxxxxx</li>
                    <li>xxxxxxxx</li>
                    <li>xxxxxxxx</li>
                    <li>xxxxxxxx</li>
                    <li>xxxxxxxx</li>
                    <li>xxxxxxxx</li>
                            </ol>
      <Link to="/testing">
        <Button bsStyle="primary">Click Me</Button>
      </Link>
      </Col>
    </Row>

Это распечатывается следующим образом (_ - пробел)

1. __________________________________ xxxxxxxx
2. __________________________________ xxxxxxxx
3. __________________________________ xxxxxxxx
4. __________________________________ xxxxxxxx
5. __________________________________ xxxxxxxx
6. __________________________________ xxxxxxxx

Что бы я хотелчтобы увидеть это

1. xxxxxxxx
2. xxxxxxxx
3. xxxxxxxx
4. xxxxxxxx
5. xxxxxxxx
6. xxxxxxxx