Semanti c -ui Сетка с 3 столбцами отображается неправильно

Question

Я создал этот semantic-ui Grid, чтобы выровнять некоторые компоненты внутри, но кажется, что вместо 3 столбцов есть только один столбец

 <Grid columns={3}>
          <Grid.Row>
            <Grid.Column><div class="horizontal-container">Επώνυμο<Input id="surname"/></div></Grid.Column>
            <Grid.Column><div class="horizontal-container">Όνομα<Input id="name"/></div></Grid.Column>
          </Grid.Row>
          <Grid.Row>
            <Grid.Column><div class="horizontal-container">Οδός<Input id="street"/></div></Grid.Column>
            <Grid.Column><div class="horizontal-container">Όροφος<Input id="floor"/></div></Grid.Column>
          </Grid.Row>
          <Grid.Row>
            <Grid.Column><div class="horizontal-container">Περιοχή<Input id="region"/></div></Grid.Column>
            <Grid.Column><div class="horizontal-container">Τάχ.Κώδικας<Input id="postalcode"/></div></Grid.Column>
          </Grid.Row>
          <Grid.Row>
            <Grid.Column><div class="horizontal-container">Τηλέφωνο<Input id="tel"/></div></Grid.Column>
            <Grid.Column><div class="horizontal-container">Κινητό<Input id="cell"/></div></Grid.Column>
            <Grid.Column><div class="horizontal-container">Άρ.Χάρτ<Input id="arid"/></div></Grid.Column>
          </Grid.Row>
          <Grid.Row>
            <Grid.Column><div class="horizontal-container">Α.Φ.Μ.<Input id="vatid"/></div></Grid.Column>
            <Grid.Column><div class="horizontal-container">Επάγγελμα<Input id="profession"/></div></Grid.Column>
          </Grid.Row>
          <Grid.Row>
            <Grid.Column><div class="horizontal-container">Δ.Ο.Υ.<Input id="taxregion"/></div></Grid.Column>
            <Grid.Column><div class="horizontal-container"><Button>Προήγ. Κινήσεις</Button></div></Grid.Column>
          </Grid.Row>
      </Grid>