diff --git a/app/views/projects/show.html.erb b/app/views/projects/show.html.erb
index 9c2d47524..16645b759 100644
--- a/app/views/projects/show.html.erb
+++ b/app/views/projects/show.html.erb
@@ -118,7 +118,11 @@
   <% if @subprojects.any? %>
   <div class="projects box">
     <h3 class="icon icon-projects"><%=l(:label_subproject_plural)%></h3>
-    <%= @subprojects.collect{|p| link_to p, project_path(p), :class => p.css_classes}.join(", ").html_safe %>
+	<ul class="subprojects">
+	  <% @subprojects.each do |project| %>
+	  <li><%= link_to(project.name, project_path(project), :class => project.css_classes).html_safe %></li>
+	  <% end %> 
+    </ul>
   </div>
   <% end %>
 
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 25acf1a14..09bcd5b7e 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -639,6 +639,10 @@ ul.projects div.description li {list-style-type:initial;}
 
 #notified-projects>ul, #tracker_project_ids>ul, #custom_field_project_ids>ul {max-height:250px; overflow-y:auto;}
 
+ul.subprojects {list-style: none; display: inline-block; padding: 0; margin: 0;}
+ul.subprojects li {float: left;}
+ul.subprojects li:not(:last-child)::after {content: ', '; white-space: pre; white-space: pre;}
+
 #related-issues li img {vertical-align:middle;}
 
 ul.properties {padding:0; font-size: 0.9em; color: #777;}