diff --git a/package-lock.json b/package-lock.json
index ad8bdf8..eaa4a8e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "teamotes",
-  "version": "1.0.5",
+  "version": "1.1.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/src/App.vue b/src/App.vue
index 98240ae..54474aa 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,3 +1,17 @@
 <template>
-  <router-view />
+  <transition name="fade">
+    <router-view />
+  </transition>
 </template>
+
+<style>
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.25s;
+  /* Edit this        ^^^ to change fade duration */
+}
+.fade-enter,
+.fade-leave-to {
+  opacity: 0;
+}
+</style>