diff --git a/vuepress/.vuepress/components/datatable-example.vue b/vuepress/.vuepress/components/datatable-example.vue
index 889af6b..bf0825f 100644
--- a/vuepress/.vuepress/components/datatable-example.vue
+++ b/vuepress/.vuepress/components/datatable-example.vue
@@ -4,6 +4,7 @@
     </div>
 </template>
 <script>
+import config from '../config';
 import { getSampleData } from './datatableData';
 
 export default {
@@ -22,10 +23,10 @@ export default {
     methods: {
         loadScriptsAndStyle() {
             return Promise.all([
-                this.loadScript('/js/Sortable.min.js'),
-                this.loadScript('/js/clusterize.min.js'),
-                this.loadScript('/js/frappe-datatable.js'),
-                this.loadStyle('/css/frappe-datatable.css')
+                this.loadScript(config.base + 'js/Sortable.min.js'),
+                this.loadScript(config.base + 'js/clusterize.min.js'),
+                this.loadScript(config.base + 'js/frappe-datatable.js'),
+                this.loadStyle(config.base + 'css/frappe-datatable.css')
             ])
         },
         loadScript(src) {
diff --git a/vuepress/.vuepress/override.styl b/vuepress/.vuepress/override.styl
new file mode 100644
index 0000000..aca0b31
--- /dev/null
+++ b/vuepress/.vuepress/override.styl
@@ -0,0 +1 @@
+@import "../../docs.styl"
\ No newline at end of file