fixes #4992

public/less/admin/general/navigation.less

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

public/src/admin/general/navigation.js

@@ -13,6 +13,7 @@ define('admin/general/navigation', ['translator', 'iconSelect'], function(transl
 		});
 
 		translator.translate(translator.unescape($('#available').html()), function(html) {
+			app.loadJQueryUI(function() {
 				$('#available').html(html)
 					.find('li .drag-item').draggable({
 						connectToSortable: '#active-navigation',
@@ -21,10 +22,14 @@ define('admin/general/navigation', ['translator', 'iconSelect'], function(transl
 						stop: drop
 					});
 			});
+		});
+		
+		app.loadJQueryUI(function() {
 
 			$('#active-navigation').sortable().droppable({
 				accept: $('#available li .drag-item')
 			});
+		});
 
 		$('#enabled').on('click', '.iconPicker', function() {
 			var iconEl = $(this).find('i');