The input field is misaligned because the "border-radius" style is not set.

[kitephp]

<div class="root">
  <slot name="content-before"></slot>
  <input id="input" type="text">
  <slot name="content-after"></slot>
</div>

before

input unset border-radius

after

input set border-radius:4px