Kendo Splitter не отображает правильное поле

Question

У меня есть разветвитель кендо, который не хочет отображать так, как должен.Колонка изменения размера расширяет почти весь экран.Как сделать так, чтобы он отображался правильно и имел тонкую линию изменения размера, как в демонстрационной версии.

Разветвитель:

@(Html.Kendo().Splitter()
      .Name("splitter")
      .HtmlAttributes(new { style = "height: 300px;" })
      .Panes(panes =>
      {
        panes.Add()
            .HtmlAttributes(new { id = "Left" })
            .Size("100px")
            .Collapsible(true)
            .Content(@<p>Left pane</p>);

        panes.Add()
            .HtmlAttributes(new { id = "Right" })
            .Collapsible(true)
            .Size("20%")
            .Content(@<p>Right pane</p>);
      })
)

Экран:

Заранее спасибо.