diff --git a/app/styles/app/foundation/scss/foundation/_settings.scss b/app/styles/app/foundation/scss/foundation/_settings.scss
index 164dc26a..89079fd4 100644
--- a/app/styles/app/foundation/scss/foundation/_settings.scss
+++ b/app/styles/app/foundation/scss/foundation/_settings.scss
@@ -202,7 +202,7 @@ $large: $large-up;
 // $header-line-height: 1.4;
 // $header-top-margin: .2rem;
 // $header-bottom-margin: .5rem;
-// $header-text-rendering: optimizeLegibility;
+$header-text-rendering: optimizeLegibility;
 
 // We use these to control header font sizes
 // $h1-font-size: rem-calc(44);
@@ -240,7 +240,7 @@ $large: $large-up;
 // $paragraph-aside-font-size: rem-calc(14);
 // $paragraph-aside-line-height: 1.35;
 // $paragraph-aside-font-style: italic;
-// $paragraph-text-rendering: optimizeLegibility;
+$paragraph-text-rendering: optimizeLegibility;
 
 // We use these to style <code> tags
 // $code-color: $oil;
diff --git a/app/styles/app/layouts/dashboard.sass b/app/styles/app/layouts/dashboard.sass
index 401f7881..7cd34580 100644
--- a/app/styles/app/layouts/dashboard.sass
+++ b/app/styles/app/layouts/dashboard.sass
@@ -7,8 +7,10 @@
  border-radius: 4px
 
 $db-gray: #C9C9C9
+$db-text-color: #ACAAAA
 
 .dashboard
+  color: $db-text-color
   hr
     max-width: 1024px
     margin: auto
@@ -45,14 +47,16 @@ $db-gray: #C9C9C9
 
 .db
   position: relative
-  height: 57px
   margin-bottom: 1em
   background: $white
   @extend %br-4px
+  @media #{$medium-up}
+    height: 57px
 
   h2, h3, p
     margin: 0
     font-weight: 400
+    white-space: nowrap
 
   .icon
     position: absolute
@@ -64,6 +68,16 @@ $db-gray: #C9C9C9
 .db-repo
   padding-left: 4em
   transform: translateY(0.4em)
+  overflow: hidden
+  &:after
+    content: ""
+    display: block
+    position: absolute
+    top: 0
+    right: 0
+    height: 100%
+    width: 3em
+    background: linear-gradient(-90deg, $white 40%, rgba($white, 0))
 
 .db-status
   position: absolute;
@@ -94,9 +108,12 @@ $db-gray: #C9C9C9
 
 .db-controls
   // position: relative
+  padding-left: 4em
   transform: translateY(24%)
   line-height: 3em
   border-left: 1px solid $db-gray
+  @media #{$medium-up}
+    padding-left: 0
   p,
   button
     display: inline-block
@@ -131,7 +148,7 @@ $db-gray: #C9C9C9
   position: absolute;
   top: 0
   right: 0
-  height: 100%
+  height: 4em
   width: 4em
   cursor: pointer
   z-index: 30
@@ -140,6 +157,8 @@ $db-gray: #C9C9C9
     height: 2em
     left: 0
     right: 0
+  @media #{$medium-up}
+    height: 100%
 
 .db-burger:hover ~ .dropdown,
 .dropdown:hover
diff --git a/app/styles/app/top.sass b/app/styles/app/top.sass
index 9c200b0c..e5adb971 100644
--- a/app/styles/app/top.sass
+++ b/app/styles/app/top.sass
@@ -2,6 +2,8 @@
 $top-height: 55px
 
 .top
+  position: relative
+  z-index: 999
   font-size: $font-size-normal
   background: $topbar-bg
 
diff --git a/app/templates/dashboard/repositories.hbs b/app/templates/dashboard/repositories.hbs
index 26cd9288..30bc026a 100644
--- a/app/templates/dashboard/repositories.hbs
+++ b/app/templates/dashboard/repositories.hbs
@@ -64,11 +64,13 @@
 
 <div class="dashboard">
   <section class="dashboard-starred">
-    <div class="row">
+    {{!-- <div class="row">
       <div class="dashboard--empty">
         <p><span class="icon icon-star"></span>Want to keep an eye on certain projects? Star repositories below to add them in this section.</p>
       </div>
-    </div>
+    </div> --}}
+
+    <div></div>
   </section>
   <section class="dashboard-active">
 
@@ -78,15 +80,15 @@
         <span class="icon icon-status icon-started"></span>
         <span class="icon icon-star"></span>
       </div>
-      <div class="db-repo column medium-3">
+      <div class="db-repo column medium-3 small-12">
         <h3>travis-pro</h3>
         <h2>travis-rubies</h2>
       </div>
-      <div class="db-controls column medium-9 end">
-        <p class="db-job column medium-3"><span class="icon icon-hash"></span>9874 started</p>
-        <p class="db-branch column medium-3"><span class="icon icon-branch"></span>master</p>
-        <p class="db-commit column medium-3"><span class="icon icon-github"></span>394348a</p>
-        <p class="db-timeago column medium-3"><span class="icon icon-cal"></span>in queue</p>
+      <div class="db-controls column medium-9 small-12 end">
+        <p class="db-job column medium-3 small-6"><span class="icon icon-hash"></span>9874 started</p>
+        <p class="db-branch column medium-3 small-6"><span class="icon icon-branch"></span>master</p>
+        <p class="db-commit column medium-3 small-6"><span class="icon icon-github"></span>394348a</p>
+        <p class="db-timeago column medium-3 small-6"><span class="icon icon-cal"></span>in queue</p>
       </div>
       <div class="db-burger">
         <span class="icon icon-burger"></span>
@@ -103,15 +105,15 @@
         <span class="icon icon-status icon-fail"></span>
         <span class="icon icon-star"></span>
       </div>
-      <div class="db-repo column medium-3">
+      <div class="db-repo column medium-3 small-12">
         <h3>travis-pro</h3>
         <h2>travis-pro-api</h2>
       </div>
-      <div class="db-controls column medium-9 end">
-        <p class="db-job column medium-3"><span class="icon icon-hash"></span>9874 failed</p>
-        <p class="db-branch column medium-3"><span class="icon icon-branch"></span>master</p>
-        <p class="db-commit column medium-3"><span class="icon icon-github"></span>394348a</p>
-        <p class="db-timeago column medium-3"><span class="icon icon-cal"></span>25 minutes ago</p>
+      <div class="db-controls column medium-9 small-12 end">
+        <p class="db-job column medium-3 small-6"><span class="icon icon-hash"></span>9874 failed</p>
+        <p class="db-branch column medium-3 small-6"><span class="icon icon-branch"></span>master</p>
+        <p class="db-commit column medium-3 small-6"><span class="icon icon-github"></span>394348a</p>
+        <p class="db-timeago column medium-3 small-6"><span class="icon icon-cal"></span>25 minutes ago</p>
       </div>
       <div class="db-burger">
         <span class="icon icon-burger"></span>
@@ -128,15 +130,15 @@
         <span class="icon icon-status icon-error"></span>
         <span class="icon icon-star"></span>
       </div>
-      <div class="db-repo column medium-3">
+      <div class="db-repo column medium-3 small-12">
         <h3>travis-pro</h3>
         <h2>travis-pro-hub</h2>
       </div>
-      <div class="db-controls column medium-9 end">
-        <p class="db-job column medium-3"><span class="icon icon-hash"></span>9874 errored</p>
-        <p class="db-branch column medium-3"><span class="icon icon-branch"></span>master</p>
-        <p class="db-commit column medium-3"><span class="icon icon-github"></span>394348a</p>
-        <p class="db-timeago column medium-3"><span class="icon icon-cal"></span>1 hour ago</p>
+      <div class="db-controls column medium-9 small-12 end">
+        <p class="db-job column medium-3 small-6"><span class="icon icon-hash"></span>9874 errored</p>
+        <p class="db-branch column medium-3 small-6"><span class="icon icon-branch"></span>master</p>
+        <p class="db-commit column medium-3 small-6"><span class="icon icon-github"></span>394348a</p>
+        <p class="db-timeago column medium-3 small-6"><span class="icon icon-cal"></span>1 hour ago</p>
       </div>
       <div class="db-burger">
         <span class="icon icon-burger"></span>
@@ -152,15 +154,15 @@
         <span class="icon icon-status icon-cancel"></span>
         <span class="icon icon-star"></span>
       </div>
-      <div class="db-repo column medium-3">
+      <div class="db-repo column medium-3 small-12">
         <h3>travis-pro</h3>
         <h2>travis-gatekeeper</h2>
       </div>
-      <div class="db-controls column medium-9 end">
-        <p class="db-job column medium-3"><span class="icon icon-hash"></span>9874 cancelled</p>
-        <p class="db-branch column medium-3"><span class="icon icon-branch"></span>master</p>
-        <p class="db-commit column medium-3"><span class="icon icon-github"></span>394348a</p>
-        <p class="db-timeago column medium-3"><span class="icon icon-cal"></span>3 hours ago</p>
+      <div class="db-controls column medium-9 small-12 end">
+        <p class="db-job column medium-3 small-6"><span class="icon icon-hash"></span>9874 cancelled</p>
+        <p class="db-branch column medium-3 small-6"><span class="icon icon-branch"></span>master</p>
+        <p class="db-commit column medium-3 small-6"><span class="icon icon-github"></span>394348a</p>
+        <p class="db-timeago column medium-3 small-6"><span class="icon icon-cal"></span>3 hours ago</p>
       </div>
       <div class="db-burger">
         <span class="icon icon-burger"></span>
@@ -177,15 +179,15 @@
         <span class="icon icon-status icon-pass"></span>
         <span class="icon icon-star"></span>
       </div>
-      <div class="db-repo column medium-3">
+      <div class="db-repo column medium-3 small-12">
         <h3>travis-pro</h3>
         <h2>bubblewrap-mac-test</h2>
       </div>
-      <div class="db-controls column medium-9 end">
-        <p class="db-job column medium-3"><span class="icon icon-hash"></span>9874 passed</p>
-        <p class="db-branch column medium-3"><span class="icon icon-branch"></span>master</p>
-        <p class="db-commit column medium-3"><span class="icon icon-github"></span>394348a</p>
-        <p class="db-timeago column medium-3"><span class="icon icon-cal"></span>2 days ago</p>
+      <div class="db-controls column medium-9 small-12 end">
+        <p class="db-job column medium-3 small-6"><span class="icon icon-hash"></span>9874 passed</p>
+        <p class="db-branch column medium-3 small-6"><span class="icon icon-branch"></span>master</p>
+        <p class="db-commit column medium-3 small-6"><span class="icon icon-github"></span>394348a</p>
+        <p class="db-timeago column medium-3 small-6"><span class="icon icon-cal"></span>2 days ago</p>
       </div>
       <div class="db-burger">
         <span class="icon icon-burger"></span>
@@ -203,15 +205,15 @@
       <div class="db-status">
         <span class="icon icon-status icon-pass"></span>
       </div>
-      <div class="db-repo column medium-3">
+      <div class="db-repo column medium-3 small-12">
         <h3>travis-pro</h3>
         <h2>travis-gatekeeper</h2>
       </div>
-      <div class="db-controls column medium-9 end">
-        <p class="db-job column medium-2"><span class="icon icon-hash"></span>9874</p>
-        <p class="db-commit column medium-2"><span class="icon icon-github"></span>394348a</p>
-        <p class="db-timeago column medium-2"><span class="icon icon-cal"></span>3 hours ago</p>
-        <div class="db-activation column medium-4 push-2 end">
+      <div class="db-controls column medium-9 small-12 end">
+        <p class="db-job column medium-2 small-4"><span class="icon icon-hash"></span>9874</p>
+        <p class="db-commit column medium-2 small-4"><span class="icon icon-github"></span>394348a</p>
+        <p class="db-timeago column medium-2 small-4"><span class="icon icon-cal"></span>3 hours ago</p>
+        <div class="db-activation column medium-4 push-2 small-12 end">
           <p>Not active</p>
           <button class="button button--green button--fixedwidth">Activate</button>
         </div>
@@ -222,11 +224,11 @@
       <div class="db-status">
         <span class="icon icon-status"></span>
       </div>
-      <div class="db-repo column medium-3">
+      <div class="db-repo column medium-3 small-12">
         <h3>travis-pro</h3>
         <h2>bubblewrap-mac-test</h2>
       </div>
-      <div class="db-controls column medium-9 end">
+      <div class="db-controls column medium-9 small-12 end">
         <div class="db-activation column float-right medium-4">
           <p>Active</p>
           <button class="button button--green button--fixedwidth">Trigger a build</button>