diff --git a/package-lock.json b/package-lock.json
index 8fe39bb5..d49b17e4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1935,9 +1935,9 @@
       "integrity": "sha512-qtBF56vPC6d6a8p7LYd0iRjW89fhY80kAIzmj+VonvIGjK/nymBjcFUhbKiMFqlhsarCksnhwX+Zmn95Dw9qvA=="
     },
     "@oacore/design": {
-      "version": "4.9.54",
-      "resolved": "https://npm.pkg.github.com/download/@oacore/design/4.9.54/46da36346978b8b7634c4cb32cd667bac270fed7",
-      "integrity": "sha512-bhdUWofcTrsneHpuFcAorFqRncGhynBZYsOOICO+AJ0ODmRFg8zO5R2APdxCGz/XnC5DYanEAec2qSVapINS2Q==",
+      "version": "4.9.55",
+      "resolved": "https://npm.pkg.github.com/download/@oacore/design/4.9.55/00568c3f39544b87ccd4b43b0e6351ea6ca61ce6",
+      "integrity": "sha512-0i+0Fi5M0zCw7uiDEWUZbyAQxMQauXv4Q0jHD/76XH6EhXw5NhMK98tv2XYm8Ya26q+mLuhtCMTna3jsdZyqsw==",
       "requires": {
         "@babel/runtime": "^7.12.1",
         "@mdi/svg": "^5.8.55",
diff --git a/package.json b/package.json
index 2248b8bb..1397ec67 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
     "prettier": "^2.1.2"
   },
   "dependencies": {
-    "@oacore/design": "^4.9.54",
+    "@oacore/design": "^4.9.55",
     "@octokit/rest": "^18.5.0",
     "bootstrap": "^4.5.3",
     "camelize": "^1.0.0",
diff --git a/templates/documentations/dataProviderDocs.jsx b/templates/documentations/dataProviderDocs.jsx
index 51ddf0b8..c60a5719 100644
--- a/templates/documentations/dataProviderDocs.jsx
+++ b/templates/documentations/dataProviderDocs.jsx
@@ -13,7 +13,7 @@ function normalizeHref(str) {
   const test = str.replace('#', '')
   return test.replace('_', '-')
 }
-const DataProviderDocs = ({ items }) => {
+const DataProviderDocs = ({ dataProviderDocs }) => {
   const [highlight, setHighlight] = useState()
   const [navActiveIndex, setNavActiveIndex] = useState(null)
   const route = useRouter()
@@ -31,7 +31,7 @@ const DataProviderDocs = ({ items }) => {
           behavior: 'smooth',
           block: 'center',
         })
-        const n = items?.items?.findIndex((item) => item.id === id)
+        const n = dataProviderDocs?.items?.findIndex((item) => item.id === id)
         setHighlight(n)
       }
     }, 100)
@@ -50,7 +50,7 @@ const DataProviderDocs = ({ items }) => {
   return (
     <Layout className={styles.docsLayout}>
       <DocumentationMembership
-        docs={items}
+        docs={dataProviderDocs?.items}
         highlight={highlight}
         setHighlight={setHighlight}
         imageSource