diff --git a/web/app/pods/components/huegasm-app/template.hbs b/web/app/pods/components/huegasm-app/template.hbs
index 7d29970..ab6c3c9 100644
--- a/web/app/pods/components/huegasm-app/template.hbs
+++ b/web/app/pods/components/huegasm-app/template.hbs
@@ -1,8 +1,8 @@
 {{#if bridgeUsername}}
   {{hue-controls bridgeIp=bridgeIp bridgeUsername=bridgeUsername trial=trial dimmerOn=dimmerOn storage=storage action="toggleDimmer"}}
 {{else}}
-    <a href="https://github.com/hoboman313/huegasm" target="_blank " rel="noopener noreferrer">
-        <img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png">
+    <a href="https://github.com/hoboman313/huegasm" target="_blank " rel="noopener noreferrer" id="github-ribbon">
+        <img src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png">
     </a>
 
   {{#if ready}}
diff --git a/web/app/styles/app.scss b/web/app/styles/app.scss
index 71f8ac8..3ed74cc 100644
--- a/web/app/styles/app.scss
+++ b/web/app/styles/app.scss
@@ -82,6 +82,21 @@ div.ember-modal-dialog {
     color: rgba(0, 0, 0, 0.26);
   }
 }
+
+#github-ribbon {
+  position: absolute;
+  top: 0;
+  right: 0;
+  border: 0;
+}
+
+@media(max-width:500px) {
+  #github-ribbon {
+    top: -20px;
+    right: -20px;
+  }
+}
+
 // fancy webkit scrollbars
 @media(min-width:767px) {
   ::-webkit-scrollbar {