diff --git a/src/components/TodoFooter.vue b/src/components/TodoFooter.vue
index 4176361..8b9369e 100644
--- a/src/components/TodoFooter.vue
+++ b/src/components/TodoFooter.vue
@@ -8,7 +8,7 @@
         <router-link to="/" :class="{ selected: !isActive && !isCompleted }" >All</router-link>
       </li>
       <li>
-        <router-link to="/active":class="{ selected: isActive }">Active</router-link>
+        <router-link to="/active" :class="{ selected: isActive }">Active</router-link>
       </li>
       <li>
         <router-link to="/completed" :class="{ selected: isCompleted }">Completed</router-link>
@@ -36,4 +36,4 @@ export default Vue.extend({
     }
   }
 });
-</script>
\ No newline at end of file
+</script>