diff --git a/app/coffee/modules/project.coffee b/app/coffee/modules/project.coffee
index 5cb57231..08811184 100644
--- a/app/coffee/modules/project.coffee
+++ b/app/coffee/modules/project.coffee
@@ -21,6 +21,7 @@ class ProjectController extends taiga.Controller
     @.$inject = ["$scope", "$tgResources", "$tgRepo", "$routeParams", "$q"]
 
     constructor: (@scope, @rs, @repo, @params, @q) ->
+        @scope.hideMenu = false
         @.loadInitialData()
 
     loadInitialData: ->
diff --git a/app/partials/project.jade b/app/partials/project.jade
index 13f6cd08..71593178 100644
--- a/app/partials/project.jade
+++ b/app/partials/project.jade
@@ -4,28 +4,28 @@ block head
     title Taiga  Project management web application with scrum in mind!
 
 block content
-    .home-project(ng-controller="ProjectController as ctrl")
-        .inner
-            h1(tg-bo-html="ctrl.project.name")
-
-            ul.home-project-info-list
-                li
-                    span.info-num(tg-bo-html="stats.total_points")
-                    span.info-text projects points
-                li
-                    span.info-num(tg-bo-html="stats.defined_points")
-                    span.info-text defined points
-                li
-                    span.info-num(tg-bo-html="stats.assigned_points")
-                    span.info-text assigned points
-                li
-                    span.info-num(tg-bo-html="stats.closed_points")
-                    span.info-text closed points
-
-
-            p.description(tg-bo-html="project.description")
-
-            .home-project-bottom
+    div.wrapper(ng-controller="ProjectController as ctrl")
+        section.main.single-project
+            h1
+                span.green(tg-bo-html="ctrl.project.name")
+            div.summary
+                ul.home-project-info-list
+                    li
+                        span.info-num(tg-bo-html="stats.total_points")
+                        span.info-text project<br/> points
+                    li
+                        span.info-num(tg-bo-html="stats.defined_points")
+                        span.info-text defined<br/> points
+                    li
+                        span.info-num(tg-bo-html="stats.assigned_points")
+                        span.info-text assigned<br/> points
+                    li
+                        span.info-num(tg-bo-html="stats.closed_points")
+                        span.info-text closed<br/> points
+            div.project-data-container
+                p.description(tg-bo-html="project.description")
                 ul
                     li(ng-repeat="member in project.active_memberships")
-                        img(src="{{member.photo}}")
+                        figure.avatar
+                            img(src="{{member.photo}}", alt="{{member.full_name}}")
+
diff --git a/app/styles/modules/home-project.scss b/app/styles/modules/home-project.scss
index 81f17a21..36554dbe 100644
--- a/app/styles/modules/home-project.scss
+++ b/app/styles/modules/home-project.scss
@@ -1,62 +1,38 @@
-.home-project {
-    align-items: center;
-    display: flex;
-    .inner {
-        background-color: rgba(255, 255, 255, .2);
-        padding: 2rem;
-        width: 970px;
-    }
-    h1 {
-        font-weight: bold;
-        margin-bottom: 3rem;
-    }
-    li,
-    h1,
-    p {
-        color: $whitish;
-    }
-
-}
-
 .home-project-info-list {
-    display: flex;
+    @include table-flex();
+    li {
+        @include table-flex-child(1, 0, 0, auto);
+        margin-right: 1rem;
+    }
     .info-num {
         @extend %xlarge;
-        font-family: 'DroidSans-Bold';
+        @extend %bold;
+        float: left;
         margin-right: .3rem;
+        position: relative;
+        top: 5px;
     }
     .info-text {
         @extend %small;
-        display: block;
-        line-height: 12px;
-        width: 55px;
-    }
-    li {
-        align-items: center;
-        display: flex;
-        margin-right: 1rem;
+        float: left;
+        line-height: .9rem;
     }
 }
 
-.home-project-bottom {
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
-    margin-top: 2rem;
-    img {
-        border-radius: 3px;
-        width: 40px;
-    }
-    li {
-        margin-right: .5rem;
+.project-data-container {
+    @include table-flex();
+    p {
+        @include table-flex-child(3, 0, 0);
     }
     ul {
-        display: flex;
-        flex-flow: row wrap;
-        margin-bottom: 0;
-        width: 50%;
+        @include table-flex-child(1, 0, 0);
     }
-    .button-blackish {
-        color: $whitish;
+    li {
+        display: inline-block;
+        margin-right: .1rem;
+        width: 10%;
+        figure {
+            width: 100%;
+        }
     }
 }