Suchformular in die Navigation kopieren

Hallo Zusammen,

bin momentan dabei das Suchformular in die Navigationsleiste zu kopieren bzw. zu verschieben.
Habe die Datei /frontend/index/main-navigation.tpl angelegt mit folgendem Inhalt

{extends file="parent:frontend/index/main-navigation.tpl"}

{block name='frontend_index_navigation_categories_top_entry' append}
    {* Search form *}
    {block name='frontend_index_search'}
        <li class="navigation--entry entry--search" role="menuitem" data-search="true" aria-haspopup="true"{if $theme.focusSearch && {controllerName|lower} == 'index'} data-activeOnStart="true"{/if}>
            <a class="btn entry--link entry--trigger" href="#show-hide--search" title="{"{s namespace='frontend/index/search' name="IndexTitleSearchToggle"}{/s}"|escape}">
                <i class="icon--search"></i>

                {block name='frontend_index_search_display'}
                    <span class="search--display">{s namespace='frontend/index/search' name="IndexSearchFieldSubmit"}{/s}</span>
                {/block}
            </a>

            {* Include of the search form *}
            {block name='frontend_index_search_include'}
                {include file="frontend/index/search.tpl"}
            {/block}
        </li>
    {/block}
{/block}

Das Suchfeld wird jetzt jedoch direkt nach dem ersten Menüpunkt angezeigt.
Das ganze liegt wahrscheinlich am 

{block name='frontend_index_navigation_categories_top_entry' append}

jedoch kann ich keine Lösung greifen.

Was ich jetzt versuche ist die Suche an an den rechten Rand in der Navigation zu bekommen.
Gibt es hierfür Ideen?

Vielen Dank im Voraus

Michael