diff --git a/ember/app/components/top-nav.gjs b/ember/app/components/top-nav.gjs
new file mode 100644
index 00000000..90472316
--- /dev/null
+++ b/ember/app/components/top-nav.gjs
@@ -0,0 +1,56 @@
+import { concat } from '@ember/helper';
+import { LinkTo } from '@ember/routing';
+import UkTooltip from 'ember-uikit/modifiers/uk-tooltip';
+
+import appVersion from 'outdated/utils/app-version';
+
+<template>
+  <div
+    class='navbar'
+    uk-sticky='sel-target: .navbar-container; cls-active: uk-navbar-sticky'
+  >
+    <nav class='navbar-container' uk-navbar>
+      <div class='uk-navbar-left'>
+        <div class='uk-navbar-item uk-logo uk-visible@m'>
+          <LinkTo
+            {{UkTooltip (concat 'v' (appVersion))}}
+            @route='projects'
+            class='uk-link-reset'
+          >
+            Outdated
+          </LinkTo>
+        </div>
+
+        <ul class='button-nav uk-hidden@m'>
+          <li>
+            <LinkTo
+              @route='projects.index'
+              @current-when='projects.index projects.detailed not-found'
+              class='uk-hidden@m'
+              {{UkTooltip (concat 'v' (appVersion)) offset=false}}
+            >Outdated</LinkTo>
+          </li>
+        </ul>
+      </div>
+      <div class='uk-navbar-right'>
+        <ul class='button-nav'>
+          <li class='uk-visible@m'>
+            <LinkTo
+              @route='projects.index'
+              @current-when='projects.index projects.detailed not-found'
+            >Overview</LinkTo>
+          </li>
+          <li>
+            <LinkTo @route='projects.add'>Add</LinkTo>
+          </li>
+          <li>
+            <LinkTo @route='dependencies'>Dependencies</LinkTo>
+          </li>
+          <li>
+            <LinkTo @route='versions'>Versions</LinkTo>
+          </li>
+        </ul>
+      </div>
+    </nav>
+  </div>
+</template>
diff --git a/ember/app/components/top-nav/template.hbs b/ember/app/components/top-nav/template.hbs
deleted file mode 100644
index 9abe6c02..00000000
--- a/ember/app/components/top-nav/template.hbs
+++ /dev/null
@@ -1,51 +0,0 @@
-<div
-  class="navbar"
-  uk-sticky="sel-target: .navbar-container; cls-active: uk-navbar-sticky"
->
-  <nav class="navbar-container" uk-navbar>
-    <div class="uk-navbar-left">
-      <div class="uk-navbar-item uk-logo uk-visible@m">
-        <LinkTo
-          {{uk-tooltip (concat "v" (app-version versionOnly=true))}}
-          @route="projects"
-          class="uk-link-reset"
-        >
-          Outdated
-        </LinkTo>
-      </div>
-
-      <ul class="button-nav uk-hidden@m">
-        <li>
-          <LinkTo
-            @route="projects.index"
-            @current-when="projects.index projects.detailed not-found"
-            class="uk-hidden@m"
-            {{uk-tooltip
-              (concat "v" (app-version versionOnly=true))
-              offset=false
-            }}
-          >Outdated</LinkTo>
-        </li>
-      </ul>
-    </div>
-    <div class="uk-navbar-right">
-      <ul class="button-nav">
-        <li class="uk-visible@m">
-          <LinkTo
-            @route="projects.index"
-            @current-when="projects.index projects.detailed not-found"
-          >Overview</LinkTo>
-        </li>
-        <li>
-          <LinkTo @route="projects.add">Add</LinkTo>
-        </li>
-        <li>
-          <LinkTo @route="dependencies">Dependencies</LinkTo>
-        </li>
-        <li>
-          <LinkTo @route="versions">Versions</LinkTo>
-        </li>
-      </ul>
-    </div>
-  </nav>
-</div>
\ No newline at end of file
diff --git a/ember/app/utils/app-version.js b/ember/app/utils/app-version.js
new file mode 100644
index 00000000..0417a87f
--- /dev/null
+++ b/ember/app/utils/app-version.js
@@ -0,0 +1,7 @@
+import { versionRegExp } from 'ember-cli-app-version/utils/regexp';
+
+import config from 'outdated/config/environment';
+
+const appVersion = () => config.APP.version.match(versionRegExp);
+
+export default appVersion;