diff --git a/app/assets/stylesheets/projects.css.scss b/app/assets/stylesheets/projects.css.scss
index 344190e6318..e93af8163d8 100644
--- a/app/assets/stylesheets/projects.css.scss
+++ b/app/assets/stylesheets/projects.css.scss
@@ -469,3 +469,5 @@ body.project-page table.no-borders td{
   padding:40px;
   display:none;
 }
+
+#tree-content-holder { float:left; width:100%; }
diff --git a/app/models/tree.rb b/app/models/tree.rb
index 16b23a5e9d3..6b6b2d40a55 100644
--- a/app/models/tree.rb
+++ b/app/models/tree.rb
@@ -1,4 +1,5 @@
 class Tree
+  include Utils::FileHelper
   attr_accessor :path, :tree, :project, :ref
 
   delegate :contents,
diff --git a/app/views/refs/tree.js.haml b/app/views/refs/tree.js.haml
index eb08adb1ddd..ef078caa7b2 100644
--- a/app/views/refs/tree.js.haml
+++ b/app/views/refs/tree.js.haml
@@ -1,5 +1,5 @@
 :plain
-  $("#tree-holder table").hide("slide", { direction: "left" }, 150, function(){
+  $("#tree-content-holder").hide("slide", { direction: "left" }, 150, function(){
     $("#tree-holder").html("#{escape_javascript(render(:partial => "tree", :locals => {:repo => @repo, :commit => @commit, :tree => @tree}))}");
-    $("#tree-holder table").show("slide", { direction: "right" }, 150);
+    $("#tree-content-holder").show("slide", { direction: "right" }, 150);
   });