diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index 5f82b16..5fc1f5c 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -158,6 +158,18 @@
   </header>
 </template>
 
+<style lang="scss" scoped>
+.distance-travelled {
+  text-align: right;
+  line-height: 1.2;
+
+  .feather {
+    margin-top: 3px;
+    margin-right: 0 !important;
+  }
+}
+</style>
+
 <script>
 import moment from "moment";
 import { mapActions, mapGetters, mapMutations, mapState } from "vuex";
diff --git a/src/styles/_base.scss b/src/styles/_base.scss
index 76d47de..0a04372 100644
--- a/src/styles/_base.scss
+++ b/src/styles/_base.scss
@@ -151,16 +151,6 @@ pre {
         .button-icon .feather {
           margin: 0;
         }
-
-        &.distance-travelled {
-          text-align: right;
-          line-height: 1.2;
-
-          .feather {
-            margin-top: 3px;
-            margin-right: 0;
-          }
-        }
       }
 
       &.nav-sm {