diff --git a/plugins/mezuro/public/images/file.png b/plugins/mezuro/public/images/file.png
new file mode 100644
index 0000000..e50c87f
Binary files /dev/null and b/plugins/mezuro/public/images/file.png differ
diff --git a/plugins/mezuro/public/images/folder.png b/plugins/mezuro/public/images/folder.png
new file mode 100644
index 0000000..30f0d5d
Binary files /dev/null and b/plugins/mezuro/public/images/folder.png differ
diff --git a/plugins/mezuro/public/style.css b/plugins/mezuro/public/style.css
index ed1e524..59b9007 100644
--- a/plugins/mezuro/public/style.css
+++ b/plugins/mezuro/public/style.css
@@ -1,3 +1,30 @@
 .link {
     cursor: pointer;
-}
\ No newline at end of file
+}
+
+.source-tree{
+	background: #e7e7e7;
+	border: groove 1px #666;
+}
+
+.icon {
+        width: 20px;
+}
+
+.source-tree-text{
+	font-family: Arial, Impact;
+	font-size: 12px;
+	border-left: solid 1px #666;
+}
+
+a:link,active,visited .ancestor{
+        font-family: Arial, Impact;
+        color: #5E5400;
+}
+
+.path{
+	font-family: Arial, Impact;
+	font-size: 14px;
+	font-style: underline;
+	display: inline;
+}
diff --git a/plugins/mezuro/views/content_viewer/_source_tree.rhtml b/plugins/mezuro/views/content_viewer/_source_tree.rhtml
index b7f858b..ec9b6d7 100644
--- a/plugins/mezuro/views/content_viewer/_source_tree.rhtml
+++ b/plugins/mezuro/views/content_viewer/_source_tree.rhtml
@@ -2,28 +2,36 @@
 <% module_name = source_tree.module.name %>
 <% module_label = "#{module_name} (#{source_tree.module.granularity})" %>
 
-<% if module_name != project_name %>
-  <a href="#" class="source-tree-link" data-module-name="<%= project_name %>">
-    <%= project_name %>
-  </a>
-<% end %>
+<p><h2 class="path">
+  <% if module_name != project_name %>
+    <a href="#" class="source-tree-link" data-module-name="<%= project_name %>">
+      <%= project_name %>
+    </a>
+  <% end %>
+
 
   <% split_link = source_tree.module.ancestor_names %>
   <% split_link.each do |link| %>
-    <a href="#" class="source-tree-link" data-module-name="<%= link %>">
+    /<a href="#" class="source-tree-link" data-module-name="<%= link %>">
       <%= link.split(".").last %>
     </a>
-<% end %>
-
+  <% end %>
+</h2></p>
+  
 <% if source_tree.children %>
-  <table>
+  <table border="0" class="source-tree">
     <% source_tree.children.each do |child| %>
-      <tr>
-        <td>
-          <a href='#' class="source-tree-link" data-module-name="<%= child.module.name %>">
-	  <%= "#{child.module.name} (#{child.module.granularity})" %>
-        </td>
-      </tr>
+      <% if child.module.granularity=='PACKAGE' %>
+        <tr>
+	        <td class="icon"><%= image_tag('/plugins/mezuro/images/folder.png')%></td>
+	        <td class="source-tree-text"><a href='#' class="source-tree-link" data-module-name="<%= child.module.name %>"><%= child.module.name %></a></td>
+        </tr>
+      <% else %>
+        <tr>
+	        <td class="icon"><%= image_tag('/plugins/mezuro/images/file.png') %></td>
+	        <td class="source-tree-text"><%= child.module.name %></td>
+        </tr>
+      <% end %>
     <% end %>  
   </table>
 <% end %>
--
libgit2 0.21.2