diff --git a/src/utils/remark-plugings/remark-process-demos.mjs b/src/utils/remark-plugings/remark-process-demos.mjs
index bcece4f64..9a0b1d9d6 100644
--- a/src/utils/remark-plugings/remark-process-demos.mjs
+++ b/src/utils/remark-plugings/remark-process-demos.mjs
@@ -9,15 +9,16 @@ const require = createRequire(import.meta.url);
 const DEBUG = 1;
 const DEBUG_COMPONENTS = ['extend-a-native-input', 'combobox/overview'];
 const SHOW_MODULE_NOT_FOUND = false;
+const ROOT_DIR = path.basename(path.resolve(import.meta.dirname, '..', '..', '..'));
 
 const resolveLionImport = moduleResolvedPath => {
-  const lionDirectorPackages = 'lion/packages';
+  const lionDirectorPackages = path.join(ROOT_DIR, 'packages');
   if (moduleResolvedPath.includes(lionDirectorPackages)) {
     // it can be from a local package, e.g. @lion/ui
     return `/@lion${moduleResolvedPath.split(`/${lionDirectorPackages}`)[1]}`;
   }
 
-  const lionDirectoryDocs = 'lion/docs';
+  const lionDirectoryDocs = path.join(ROOT_DIR, 'docs');
   if (moduleResolvedPath.includes(lionDirectoryDocs)) {
     // it can be from a local package, e.g. @lion/ui
     return `/${NODE_MODULES_LION_DOCS}${moduleResolvedPath.split(`/${lionDirectoryDocs}`)[1]}`;