diff --git a/src/App.scss b/src/App.scss
index f7374a7..3f6d826 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -33,7 +33,8 @@
 .route {
   margin: 0 0.2em;
 
-  &-active {
+  &-active,
+  &[data-active='true'] {
     color: $accentCol;
     font-weight: bold;
   }
diff --git a/src/components/App/AppHeader.vue b/src/components/App/AppHeader.vue
index f207519..f56c5b9 100644
--- a/src/components/App/AppHeader.vue
+++ b/src/components/App/AppHeader.vue
@@ -48,7 +48,7 @@
           /
           <router-link class="route" active-class="route-active" to="/trains">{{ $t('app.trains') }}</router-link>
           /
-          <router-link class="route" active-class="route-active" to="/journal/timetables">
+          <router-link class="route" active-class="route-active" :data-active="$route.path.startsWith('/journal')" to="/journal">
             {{ $t('app.journal') }}
           </router-link>
         </span>
diff --git a/src/router/index.ts b/src/router/index.ts
index 6914b75..229f6f9 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -19,7 +19,10 @@ const routes: Array<RouteRecordRaw> = [
     name: 'SceneryView',
     component: () => import('../views/SceneryView.vue'),
   },
-
+  {
+    path: '/journal',
+    redirect: '/journal/timetables'
+  },
   {
     path: '/journal/timetables',
     name: 'JournalTimetables',