diff --git a/assets/images/icons/state-errored-white.svg b/assets/images/icons/state-errored-white.svg
new file mode 100644
index 00000000..37f854b5
--- /dev/null
+++ b/assets/images/icons/state-errored-white.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="10px" height="10px" viewBox="0 0 10 10" enable-background="new 0 0 10 10" xml:space="preserve">
+<path fill="#FFFFFF" d="M5,0C2.239,0,0,2.24,0,5c0,2.762,2.238,5,5,5c2.762,0,5-2.238,5-5C10,2.24,7.762,0,5,0 M5.866,7.6H4.134
+	V6.732h1.731L5.866,7.6L5.866,7.6z M5.747,5.441C5.702,5.675,5.47,5.866,5.232,5.866H4.77c-0.238,0-0.47-0.19-0.516-0.425
+	L3.751,2.828C3.708,2.592,3.866,2.401,4.104,2.401h1.792c0.236,0,0.396,0.191,0.353,0.427L5.747,5.441z"/>
+</svg>
diff --git a/assets/images/icons/state-failed-white.svg b/assets/images/icons/state-failed-white.svg
new file mode 100644
index 00000000..08c0e0fd
--- /dev/null
+++ b/assets/images/icons/state-failed-white.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="10px" height="10px" viewBox="0 0 10 10" enable-background="new 0 0 10 10" xml:space="preserve">
+<path fill="#FFFFFF" d="M1.463,1.463c-1.951,1.952-1.951,5.119,0.001,7.072c1.954,1.953,5.12,1.953,7.071,0
+	c1.953-1.951,1.953-5.118,0-7.071C6.582-0.488,3.417-0.488,1.463,1.463 M7.449,3.773L6.227,5L7.45,6.227L6.227,7.449L5,6.227
+	L3.773,7.449L2.55,6.227L3.773,5L2.55,3.773l1.225-1.225L5,3.773l1.227-1.225L7.449,3.773z"/>
+</svg>
diff --git a/assets/images/icons/state-passed-white.svg b/assets/images/icons/state-passed-white.svg
new file mode 100644
index 00000000..b89db066
--- /dev/null
+++ b/assets/images/icons/state-passed-white.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="10px" height="10px" viewBox="0 0 10 10" enable-background="new 0 0 10 10" xml:space="preserve">
+<path fill="#FFFFFF" d="M5,0C2.239,0,0,2.24,0,5c0,2.762,2.239,5,5,5c2.762,0,5-2.238,5-5C10,2.24,7.762,0,5,0 M4.535,7.824
+	L2.139,5.425L3.65,3.914l0.885,0.885l2.044-2.045l1.51,1.513L4.535,7.824z"/>
+</svg>
diff --git a/assets/scripts/app/templates/builds/show.hbs b/assets/scripts/app/templates/builds/show.hbs
index eadc1042..622a5996 100644
--- a/assets/scripts/app/templates/builds/show.hbs
+++ b/assets/scripts/app/templates/builds/show.hbs
@@ -4,16 +4,35 @@
   <div id="new-summary">
     <div class="right">
       <div class="build-status">
+        <img {{bind-attr class="build.state"}}/>
         {{#link-to "build" repo build}}#{{build.number}} {{build.state}}{{/link-to}}
       </div>
 
       <div class="runtime">
+           <img src="/images/icons/run-time.svg"/>
            {{#if build.isFinished}}ran{{else}}running{{/if}} for {{formatDuration build.duration}}
       </div>
 
       <div class="finished">
+        <img src="/images/icons/finished.svg"/>
         {{formatTime build.finishedAt}}
       </div>
+
+      <div class="commit-changes">
+        <img src="/images/icons/github.svg"/>
+        <div class="text"><a class="commit" {{bind-attr href="controller.urlGithubCommit"}}>Commit {{formatSha commit.sha}}</a></div>
+      </div>
+      <div class="commit-changes">
+        {{#if build.pullRequest}}
+          <img src="/images/icons/github.svg"/>
+          <div class="text"><a class="compare" {{bind-attr href="build.commit.compareUrl"}}>#{{build.pullRequestNumber}}: {{build.pullRequestTitle}}</a></div>
+        {{else}}
+          {{#if build.commit.compareUrl}}
+            <img src="/images/icons/github.svg"/>
+            <div class="text"><a class="compare" {{bind-attr href="build.commit.compareUrl"}}>Compare {{shortCompareShas build.commit.compareUrl}}</a></div>
+          {{/if}}
+        {{/if}}
+      </div>
     </div>
 
     <div class="branch" {{bind-attr title="build.commit.branch"}}>
@@ -39,17 +58,6 @@
           {{/if}}
         {{/unless}}
       </div>
-
-      <div class="commit-changes">
-        <div class="text"><a class="commit" {{bind-attr href="controller.urlGithubCommit"}}>Commit {{formatSha commit.sha}}</a></div><img src="/images/icons/github.svg"/>
-        {{#if build.pullRequest}}
-          <div class="text"><a class="compare" {{bind-attr href="build.commit.compareUrl"}}>#{{build.pullRequestNumber}}: {{build.pullRequestTitle}}</a></div><img src="/images/icons/github.svg"/>
-        {{else}}
-          {{#if build.commit.compareUrl}}
-            <div class="text"><a class="compare" {{bind-attr href="build.commit.compareUrl"}}>Compare {{shortCompareShas build.commit.compareUrl}}</a></div><img src="/images/icons/github.svg"/>
-          {{/if}}
-        {{/if}}
-      </div>
     </div>
   </div>
 
@@ -63,4 +71,4 @@
   {{else}}
     {{view Travis.LogView jobBinding="build.jobs.firstObject"}}
   {{/if}}
-{{/if}}
+{{/if}}
\ No newline at end of file
diff --git a/assets/styles/main/summary.sass b/assets/styles/main/summary.sass
index 5d111d66..52876851 100644
--- a/assets/styles/main/summary.sass
+++ b/assets/styles/main/summary.sass
@@ -53,13 +53,8 @@
   
   .build-status
     @include border-radius(4px)
-    float: right
-    min-height: 30px
-    min-width: 90px
     color: white
-    padding-top: 5px
-    padding-left: 10px
-    padding-right: 10px
+    padding: 8px 0
     font-size: 16px
     text-align: center
 
@@ -71,16 +66,39 @@
     font-size: 13px
     display: block
     width: 100%
-    text-align: right
-    line-height: 15px
+    text-align: left
+    line-height: 25px
     margin-top: 5px
 
+    img
+      height: 13px
+      width: 13px
+
   .finished
     float: right
     font-size: 13px
     width: 100%
-    text-align: right
-    line-height: 20px
+    text-align: left
+    line-height: 25px
+
+    img
+      height: 13px
+      width: 13px
+
+  .commit-changes
+    text-align: left
+    width: inherit
+    margin-top: 0px
+    float: right
+
+    img
+      margin-right: 2px
+      height: 13px
+      width: 13px
+
+    div
+      display: inline
+      clear: none
 
   .right
     margin-top: 10px
@@ -101,22 +119,6 @@
       position: relative
       top: 2px
 
-    .commit-changes
-      text-align: right
-      width: inherit
-      margin-top: 0px
-      float: right
-
-      div
-        display: inline
-        clear: none
-
-      img
-        margin-right: 2px
-        margin-left: 4px
-        height: 16px
-        width: 16px
-
     .author
       float: left