closes #4977

public/less/admin/general/navigation.less

@@ -1,7 +1,8 @@
 #navigation {
 	#active-navigation {
 		width: 100%;
-
+		min-height: 50px;
+		border: 1px solid #eee;
 		.active {
 			background-color: #eee;
 		}

public/src/admin/general/navigation.js

@@ -66,7 +66,7 @@ define('admin/general/navigation', ['translator', 'iconSelect'], function(transl
 			data = id === 'custom' ? {iconClass: 'fa-navicon'} : available[id];
 
 		data.enabled = false;
-		data.index = parseInt($('#enabled').children().last().attr('data-index'), 10) + 1;
+		data.index = (parseInt($('#enabled').children().last().attr('data-index'), 10) || 0) + 1;
 
 		templates.parse('admin/general/navigation', 'navigation', {navigation: [data]}, function(li) {
 			li = $(translator.unescape(li));