diff --git a/web/src/layouts/Default.vue b/web/src/layouts/Default.vue
index cd07f8f..54b3e83 100755
--- a/web/src/layouts/Default.vue
+++ b/web/src/layouts/Default.vue
@@ -1,5 +1,7 @@
 <template>
   <div>
+    <MainDrawer v-model="mainDrawer" />
+
     <v-app-bar app elevate-on-scroll clipped-left>
       <v-container fluid>
         <v-row>
@@ -26,9 +28,10 @@
     </v-app-bar>
 
     <v-main>
-      <MainDrawer v-model="mainDrawer" />
       <v-container>
-        <router-view />
+        <v-slide-x-transition hide-on-leave>
+          <router-view />
+        </v-slide-x-transition>
       </v-container>
     </v-main>
   </div>