Компонент заголовка React-semantic-ui не создает блочный элемент

Question

У меня есть компонент React, который использует response-semantic-ui и выглядит так:

class HomeComponent extends Component {
  state = {};

  render() {
    return (
      <Container>
        <Grid>
          <Grid.Row>
            <Form>
              <Form.Group inline>
                <Form.Input placeholder="Name" name="name" />
                <Form.Input placeholder="Password" name="password" />
                <Form.Button content="Login" />
              </Form.Group>
            </Form>
          </Grid.Row>
          <Grid.Row>
            <Header as="h1"> Header h1 </Header>
            <p> blablabla </p>
          </Grid.Row>
          <Grid.Row>
            <Form>
              <Form.Input placeholder="Name" name="name" />
              <Form.Input placeholder="Password" name="password" />
              <Form.Button content="Register" />
            </Form>
          </Grid.Row>
        </Grid>
      </Container>
    );
  }
}

Оказывается, это выглядит так:

Почему текст "блабла" не в новой строке?
H1 должен быть блочным элементом и, таким образом, занимать все пространство строки.