diff --git a/build/webpack.config.js b/build/webpack.config.js
index 32f2bf8d5..3bba9bd07 100644
--- a/build/webpack.config.js
+++ b/build/webpack.config.js
@@ -170,7 +170,7 @@ if (process.env.NODE_ENV === 'production') {
   delete module.exports.devtool;
   module.exports.output = {
     path: path.join(__dirname, '../docs/dist'),
-    publicPath: '/vue',
+    publicPath: './',
     filename: '[name].[hash:8].js'
   };
   module.exports.plugins = module.exports.plugins.concat([
diff --git a/docs/src/components/mobile-nav.vue b/docs/src/components/mobile-nav.vue
index ef6de127d..917e0d8b2 100644
--- a/docs/src/components/mobile-nav.vue
+++ b/docs/src/components/mobile-nav.vue
@@ -8,7 +8,7 @@
       @click="isOpen = !isOpen">
       {{group.groupName}}
     </div>
-    <ul class="pure-menu-list" v-show="isOpen">
+    <ul class="mobile-nav-group__list" :class="{ 'mobile-nav-group__list--open': isOpen }">
       <template v-for="navItem in group.list">
         <li
           class="mobile-nav-group__title"
@@ -95,6 +95,15 @@ export default {
       }
     }
 
+    @e list {
+      height: 0;
+      transition: height .5s ease-out;
+
+      @m open {
+        height: auto;
+      }
+    }
+
     li {
       list-style: none;
     }