Adding an input element to HeaderNav

HeaderNav.js

<Menu borderless className='top-menu' fixed='top'>
  <Menu.Item header className='logo'>
    <Image src={logo} size='tiny'/>
  </Menu.Item>
  <Menu.Menu className='nav-container'>
    <Menu.Item className='search-input'>
      <Form>
        <Form.Field>
          <Input placeholder='Search'
                 size='small'
                 action='Go'
          />
        </Form.Field>
      </Form>
    </Menu.Item>
  </Menu.Menu>
</Menu>

HeaderNav.scss

.nav-container {
  flex-grow: 1;
  padding: 0;

  .search-input {
    padding-left: 0;
    width: 33%;

    form {
      width: 100%;
    }
  }
}