diff --git a/src/static/app/src/router/index.js b/src/static/app/src/router/index.js
index 7df462e..25f8493 100644
--- a/src/static/app/src/router/index.js
+++ b/src/static/app/src/router/index.js
@@ -27,6 +27,15 @@ const checkAuth = async () => {
 
 const router = createRouter({
   history: createWebHashHistory(),
+  scrollBehavior(){
+    if (document.querySelector("main") !== null){
+      document.querySelector("main").scrollTo({
+        top: 0
+      })
+    }
+    
+    
+  },
   routes: [
     {
       name: "Index",
diff --git a/src/static/css/dashboard.css b/src/static/css/dashboard.css
index 7903a65..f2a9671 100644
--- a/src/static/css/dashboard.css
+++ b/src/static/css/dashboard.css
@@ -1051,16 +1051,18 @@ pre.index-alert {
 
 .fade2-enter-active,
 .fade2-leave-active {
-    transition: all 0.15s ease-in-out;
+    transition: all 0.2s cubic-bezier(0.82, 0.58, 0.17, 0.9);
 }
 
 .fade2-enter-from{
-    transform: translateX(20px);
+    transform: translateY(30px);
+    filter: blur(3px);
     opacity: 0;
 }
 
 .fade2-leave-to {
-    transform: translateX(-20px);
+    transform: translateY(-30px);
+    filter: blur(3px);
     opacity: 0;
 }