diff --git a/app/assets/javascripts/orbitdesktop.js b/app/assets/javascripts/orbitdesktop.js
index 0377293d..03efc5dd 100755
--- a/app/assets/javascripts/orbitdesktop.js
+++ b/app/assets/javascripts/orbitdesktop.js
@@ -173,7 +173,7 @@ var orbitDesktop = function(dom){
 							var tilecolor = tilecolors[Math.floor(Math.random()*tilecolors.length)];
 							var op = opacity[Math.floor(Math.random()*opacity.length)];
 							if(tile.data_category == "app")
-								$li = $('<li class="element '+tile.shape+' hp vp" data-category="'+tile.data_category+'" data-content="'+tile.data_content+'"><span class="tile '+tilecolor+' '+op+'"></span><a href="'+tile._id+'" class="appicon"><img src="'+o.iconPath+tile.data_content+'.png" alt="" onclick="return false;" ></a><h1 class="appname thmtxt">'+tile.title+'</h1></li>');
+								$li = $('<li class="element '+tile.shape+' hp vp" data-category="'+tile.data_category+'" data-content="'+tile.data_content+'"><span class="tile '+tilecolor+' '+op+'"></span><a href="'+tile._id+'" class="appicon"  onclick="return false;"><img src="'+o.iconPath+tile.data_content+'.png" alt="" ></a><h1 class="appname thmtxt">'+tile.title+'</h1></li>');
 							else
 								$li = $('<li class="element '+tile.shape+' hp vp" data-category="'+tile.data_category+'" data-content="'+tile.data_content+'"><span class="tile '+tilecolor+' '+op+'"></span><h1 class="appname thmtxt">'+tile.title+'</h1><div class="appholder">Loading...</div></li>');
 							$group.find("ul").append($li);		
@@ -293,10 +293,15 @@ var orbitDesktop = function(dom){
 	this.initializeSectionsManager = function(target){
 		o.currenthtml = target;
 		o.currentface = "sections";
-		var elementParent,element;
+		var elementParent,element,groupWrapperWidth;
 		var bindHandlers = function(){
 			$(".group").width(530);
-			$("#group_wrapper .element").sortable({
+				$(".group").each(function(){groupWrapperWidth+=$(this).width();})
+				groupWrapperWidth+=200;
+			//	groupWrapperHeight = $(".group").height() + 20;
+			//	groupWrapperHeight = (groupWrapperHeight > ($(window).height()-extraspace))? $(window).height()-extraspace:groupWrapperHeight;
+				$("#group_wrapper").css("width",groupWrapperWidth);
+			$("#group_wrapper .to_drop").sortable({
 				start:function(){
 					var $elementParent = $(this).parent().parent();
 					elementParent = $elementParent;
@@ -350,13 +355,18 @@ var orbitDesktop = function(dom){
 					z++;
 					$("div#group_wrapper").append($group);
 				}
+					var yy=1,y=0;
 				$.each(appss,function(i,apps){
-					var y=0;
+
 					$.each(apps,function(i,app){
-						var $div;
-						$div = $('<div class="element w1 h1 hp vp thmc2" data-category="'+app.data_category+'" data-content="'+app.data_content+'"><span class="tile thmc2"></span><a href="'+app._id+'" class="appicon"><img src="'+o.iconPath+app.data_content+'.png" alt="" onclick="return false;"></a><h1 class="appname thmtxt">'+app.title+'</h1></div>');
-						$("#app_list").append($div);
+					//	alert(yy);
+						$li = $('<li class="element to_drop w1 hh2 hp vp" data-category="'+app.data_category+'" data-content="'+app.data_content+'"><div class="appicon"><img src="'+o.iconPath+app.data_content+'.png" class="" width="30" /></div><h1 class="appname thmtxth">'+app.title+'</h1></li>');
+						$("ul#section"+yy).append($li);
 					})
+					if(y==1){
+						y=-1;
+						yy++;
+					}
 					y++;
 				})
 					
diff --git a/app/views/desktop/index.html.erb b/app/views/desktop/index.html.erb
index 8000f816..d6950c88 100755
--- a/app/views/desktop/index.html.erb
+++ b/app/views/desktop/index.html.erb
@@ -59,7 +59,7 @@
 	</div>
 </div>
 <div id="container">
-<div id='ajax_container'>
+<div id='ajax_container' >
  
 	
 </div>