diff --git a/public/_includes/_footer.jade b/public/_includes/_footer.jade
index 62a9e97016..efd8cde21a 100644
--- a/public/_includes/_footer.jade
+++ b/public/_includes/_footer.jade
@@ -53,5 +53,5 @@ else
 
   footer(class="background-midnight")
     small.text-caption Powered by Google ©2010-2016. Code licensed under an <a href="/license" class="text-snow">MIT-style License</a>. Documentation licensed under <a class="text-snow" href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.
-    a(aria-label="View Style Guide" href=styleguide title="Style Guide" class="styleguide-trigger text-snow")
+    a(aria-label="View Style Guide" href=styleguide title="Style Guide" class="styleguide-trigger")
       span.icon-favorite
diff --git a/public/resources/css/module/_footer.scss b/public/resources/css/module/_footer.scss
index 14ab30a64c..5734ee69f3 100644
--- a/public/resources/css/module/_footer.scss
+++ b/public/resources/css/module/_footer.scss
@@ -77,33 +77,28 @@
   }
 
   footer {
-    text-align: left;
-    padding: ($unit * 2) ($unit * 6);
+    text-align: center;
+    padding: $unit * 2;
     position: relative;
 
     .styleguide-trigger {
-      box-sizing: border-box;
-      position: absolute;
-      display: inline-block;
-      bottom: $unit * 2;
-      right: $unit * 2;
-      font-size: 14px;
-      line-height: 24px;
-      height: 24px;
-      margin: 0;
-      padding: 0 ($unit * 3);
+      color: $snow;
+      text-decoration: none;
+      margin-right: $unit * 2;
       opacity: .24;
-      transition: all .3s;
+      float: right;
 
-      &:hover {
-        background: $blue-grey-700;
-        text-decoration: none;
+      @include respond-to('mobile') {
+        display: block;
+        margin-top: $unit;
+        margin-right: 0;
+        font-size: 18px;
+        float: none;
       }
 
       .icon-favorite {
-        display: inline-block;
-        line-height: 24px;
+        line-height: 20px;
       }
     }
   }
-}
\ No newline at end of file
+}