diff --git a/components/app/AppFooter.vue b/components/app/AppFooter.vue
index 4f0945a3e..109158b51 100644
--- a/components/app/AppFooter.vue
+++ b/components/app/AppFooter.vue
@@ -55,7 +55,7 @@ css({
   footer: {
     borderTopWidth: '1px',
     borderTopStyle: 'solid',
-    borderTopColor: '{elements.border.primary.default}',
+    borderTopColor: '{elements.border.primary.static}',
     padding: '{docus.footer.padding}',
 
     '.footer-container': {
diff --git a/components/app/AppHeader.vue b/components/app/AppHeader.vue
index 81aac9de8..f8c0b8021 100644
--- a/components/app/AppHeader.vue
+++ b/components/app/AppHeader.vue
@@ -64,7 +64,7 @@ css({
     top: 0,
     zIndex: 10,
     width: '100%',
-    borderBottom: '1px solid {elements.border.primary.default}',
+    borderBottom: '1px solid {elements.border.primary.static}',
     backgroundColor: '{elements.backdrop.background}',
     height: '{docus.header.height}',
 
diff --git a/components/docs/DocsAsideTree.vue b/components/docs/DocsAsideTree.vue
index 4629fad47..623ca3a84 100644
--- a/components/docs/DocsAsideTree.vue
+++ b/components/docs/DocsAsideTree.vue
@@ -119,7 +119,7 @@ css({
   '.docs-aside-tree': {
     li: {
       '&.bordered': {
-        borderLeft: '1px solid {elements.border.primary.default}',
+        borderLeft: '1px solid {elements.border.primary.static}',
         '&:hover': {
           borderColor: '{elements.border.primary.hover}'
         },
diff --git a/components/docs/DocsPageLayout.vue b/components/docs/DocsPageLayout.vue
index ff3b0da24..b5e19f8c6 100644
--- a/components/docs/DocsPageLayout.vue
+++ b/components/docs/DocsPageLayout.vue
@@ -125,7 +125,7 @@ css({
       py: '{space.8}',
       paddingRight: '{space.8}',
       '.fluid &&': {
-        borderRight: '1px solid {elements.border.primary.default}',
+        borderRight: '1px solid {elements.border.primary.static}',
       }
     }
   },
@@ -163,7 +163,7 @@ css({
       marginTop: 0,
       marginBottom: '{space.8}',
       paddingBottom: '{space.8}',
-      borderBottom: '1px solid {elements.border.primary.default}',
+      borderBottom: '1px solid {elements.border.primary.static}',
       color: '{color.gray.500}',
       '@sm': {
         fontSize: '{text.lg.fontSize}',
@@ -192,7 +192,7 @@ css({
     display: 'flex',
     mx: 'calc(0px - {space.4})',
     overflow: 'auto',
-    borderBottom: '1px solid {elements.border.primary.default}',
+    borderBottom: '1px solid {elements.border.primary.static}',
     '@sm': {
       mx: 'calc(0px - {space.6})',
     },
@@ -205,7 +205,7 @@ css({
       maxHeight: 'none',
       borderBottom: 'none',
       '.fluid &&': {
-        borderLeft: '1px solid {elements.border.primary.default}',
+        borderLeft: '1px solid {elements.border.primary.static}',
       }
     },
     '.toc-wrapper': {
diff --git a/components/docs/DocsPrevNext.vue b/components/docs/DocsPrevNext.vue
index d848d6e34..edf4a69c4 100644
--- a/components/docs/DocsPrevNext.vue
+++ b/components/docs/DocsPrevNext.vue
@@ -66,7 +66,7 @@ css({
       position: 'relative',
       minWidth: '0px',
       padding: '{space.3}',
-      border: '1px solid {elements.border.primary.default}',
+      border: '1px solid {elements.border.primary.static}',
       borderRadius: '{radii.md}',
       '&:hover': {
         backgroundColor: '{color.gray.50}',
diff --git a/package.json b/package.json
index 18fe847ab..a3f09dc80 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
     "release": "release-it"
   },
   "dependencies": {
-    "@nuxt-themes/elements": "^0.6.3",
+    "@nuxt-themes/elements": "^0.7.0",
     "@nuxt-themes/tokens": "^1.7.3",
     "@nuxt-themes/typography": "^0.7.2",
     "@nuxt/content": "^2.4.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index dda617cdb..89e19dec3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -4,7 +4,7 @@ specifiers:
   '@algolia/client-search': ^4.14.3
   '@docsearch/css': ^3.3.2
   '@docsearch/js': ^3.3.2
-  '@nuxt-themes/elements': ^0.6.3
+  '@nuxt-themes/elements': ^0.7.0
   '@nuxt-themes/tokens': ^1.7.3
   '@nuxt-themes/typography': ^0.7.2
   '@nuxt/content': ^2.4.3
@@ -20,7 +20,7 @@ specifiers:
   vue: ^3.2.47
 
 dependencies:
-  '@nuxt-themes/elements': 0.6.3_vue@3.2.47
+  '@nuxt-themes/elements': 0.7.0_vue@3.2.47
   '@nuxt-themes/tokens': 1.7.3_vue@3.2.47
   '@nuxt-themes/typography': 0.7.2_vue@3.2.47
   '@nuxt/content': 2.4.3
@@ -1017,8 +1017,8 @@ packages:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.15.0
 
-  /@nuxt-themes/elements/0.6.3_vue@3.2.47:
-    resolution: {integrity: sha512-nrRnrHtjtmOc+9w3q0cCwuyPayjKdCrNjRYPfiEzvVHxTlZns8IONNBkZnhX9AWf+RyJATtn8BcaLK0kh8eVvA==}
+  /@nuxt-themes/elements/0.7.0_vue@3.2.47:
+    resolution: {integrity: sha512-h0kf397mTs+zMF/6D79Qqv1SmbNlOUCTKf3T/dTftmoiZYC6UDkSsoCkthGD4xUJg35EqwA11KwMkTtc6oMXzQ==}
     dependencies:
       '@nuxt-themes/tokens': 1.7.3_vue@3.2.47
       '@vueuse/core': 9.12.0_vue@3.2.47