diff --git a/app/components/footer.js b/app/components/footer.js
index 27404b8..b4ed315 100644
--- a/app/components/footer.js
+++ b/app/components/footer.js
@@ -40,7 +40,7 @@ export default state => {
       <div class="inner-wrap">
         <ul>
           <li>
-            <a href="//lbry.io" title="Rediscover content freedom">← LBRY.io</a> |
+            <a href="//${process.env.NODE_ENV === "development" ? "localhost:8000" : "lbry.io"}" title="Rediscover content freedom">← LBRY.io</a> |
             ${editLink(state.href)}
           </li>
 
diff --git a/app/components/navigation.js b/app/components/navigation.js
index 708b6de..51cfcab 100644
--- a/app/components/navigation.js
+++ b/app/components/navigation.js
@@ -15,7 +15,7 @@ export default currentUrl => {
     {
       name: "LBRY.io",
       title: "Escape the techno scene",
-      url: "https://lbry.io"
+      url: process.env.NODE_ENV === "development" ? "http://localhost:8000" : "https://lbry.io"
     },
     {
       name: "Overview",
diff --git a/app/sass/partials/_navigation.scss b/app/sass/partials/_navigation.scss
index efaaa7a..4bb172e 100644
--- a/app/sass/partials/_navigation.scss
+++ b/app/sass/partials/_navigation.scss
@@ -64,7 +64,7 @@
     top: 0.5rem;
   }
 
-  &:not(:first-of-type):not([href="https://lbry.io"]) {
+  &:not(:first-of-type):not([href="http://localhost:8000"]):not([href="https://lbry.io"]) {
     &::after {
       width: 100%; height: 3px;
 
@@ -95,11 +95,12 @@
     line-height: 4rem;
   }
 
-  &:not([href="https://lbry.io"]) {
+  &:not([href="http://localhost:8000"]):not([href="https://lbry.io"]) {
     padding-right: 0.5rem;
     padding-left: 0.5rem;
   }
 
+  &[href="http://localhost:8000"],
   &[href="https://lbry.io"] {
     color: $white;
     margin-right: 0.5rem;