Input component not work well with Grid component in some way

[jellli]

Bug report 🐞

Version & Environment

• Version of browser : Chrome/98.0.4758.82
• Version of geist-ui/core: 2.3.0

Expected Behaviour

import { Button, Input, Grid } from "@geist-ui/core";

export default function App() {
  return (
    <div>
      <Grid.Container>
        <Grid xs={24}>
          <Input>用户名</Input>
        </Grid>
        <Grid xs={24}>
          <Input.Password>密码</Input.Password>
        </Grid>
        <Grid xs={24}>
          <Button>submit</Button>
        </Grid>
      </Grid.Container>
    </div>
  );
}

When I use Grid with Input in the way above, I expected it will look like this:

Actual results (or Errors)

but it actually looks like:

I know there is a better way to use Grid, but I still think the behavior above is a bug.