diff --git a/index.html b/index.html
index 3b99565..bd0cd02 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,7 @@
     <link rel="manifest" href="/site.webmanifest">
     <title>SafeTwitch</title>
   </head>
-  <body class="bg-ctp-base">
+  <body class="bg-ctp-base flex flex-col">
     <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
   </body>
diff --git a/package.json b/package.json
index 570b974..d85fb49 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "test",
-  "version": "0.0.0",
+  "version": "1.1.3",
   "private": true,
   "scripts": {
     "build": "run-p type-check build-only",
diff --git a/src/App.vue b/src/App.vue
index 364e6b7..38276a0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,16 +1,19 @@
 <script setup lang="ts">
 import { RouterView } from 'vue-router'
 import NavbarItem from './components/NavbarView.vue'
+import FooterItem from './components/FooterView.vue'
 import DevWarning from './components/DevWarning.vue'
 
 const dev = import.meta.env.DEV
 </script>
 
-<template class="bg-ctp-base h-full">
+<template class="bg-ctp-base h-full flex flex-row">
   <dev-warning v-if="dev"></dev-warning>
   <navbar-item></navbar-item>
 
   <Suspense>
     <RouterView :key="$route.fullPath" />
   </Suspense>
+
+  <footer-item></footer-item>
 </template>
diff --git a/src/components/FooterView.vue b/src/components/FooterView.vue
new file mode 100644
index 0000000..5d79c1f
--- /dev/null
+++ b/src/components/FooterView.vue
@@ -0,0 +1,18 @@
+<script lang="ts">
+import { inject } from 'vue'
+
+export default {
+  setup() {
+    const version = inject('version')
+    return {
+        version
+    }
+  }
+}
+</script>
+
+<template>
+    <div class="m-2 mt-5 flex justify-center">
+        <p class="text-white font-bold">SafeTwitch v{{ version }}</p>
+    </div>
+</template>
\ No newline at end of file
