diff --git a/frontend/assets/css/style.css b/frontend/assets/css/style.css
index f0cfe819..2aac5bf7 100644
--- a/frontend/assets/css/style.css
+++ b/frontend/assets/css/style.css
@@ -180,3 +180,11 @@ body {
.is-text-contents {
display: contents;
}
+
+.page-enter-active, .page-leave-active {
+ transition: opacity 0.2s ease;
+}
+
+.page-enter-from, .page-leave-to {
+ opacity: 0;
+}
diff --git a/frontend/layouts/default.vue b/frontend/layouts/default.vue
index 8b55fb79..45d5f109 100644
--- a/frontend/layouts/default.vue
+++ b/frontend/layouts/default.vue
@@ -286,13 +286,11 @@
-
-