diff --git a/plugins/plugin-md-power/src/client/components/CodeEditor.vue b/plugins/plugin-md-power/src/client/components/CodeEditor.vue
index f7afabe8..2d620645 100644
--- a/plugins/plugin-md-power/src/client/components/CodeEditor.vue
+++ b/plugins/plugin-md-power/src/client/components/CodeEditor.vue
@@ -118,7 +118,7 @@ onUnmounted(() => {
   color: transparent;
   text-align: left;
   word-break: normal;
-  word-wrap: normal;
+  overflow-wrap: normal;
   -moz-tab-size: 4;
   -o-tab-size: 4;
   tab-size: 4;
diff --git a/theme/src/client/components/Blog/VPBlogTags.vue b/theme/src/client/components/Blog/VPBlogTags.vue
index 89bb73a6..876dc516 100644
--- a/theme/src/client/components/Blog/VPBlogTags.vue
+++ b/theme/src/client/components/Blog/VPBlogTags.vue
@@ -95,7 +95,7 @@ const { tags, currentTag, postList, handleTagClick } = useTags()
   font-size: 14px;
   line-height: 1;
   color: var(--vp-tag-color);
-  word-wrap: break-word;
+  overflow-wrap: break-word;
   cursor: pointer;
   background-color: var(--vp-tag-bg);
   border: 1px solid var(--vp-tag-bg);
diff --git a/theme/src/client/components/VPDocFooter.vue b/theme/src/client/components/VPDocFooter.vue
index 749769ac..04ed819a 100644
--- a/theme/src/client/components/VPDocFooter.vue
+++ b/theme/src/client/components/VPDocFooter.vue
@@ -189,7 +189,7 @@ const showFooter = computed(() => {
 
 .prev-next {
   display: grid;
-  grid-row-gap: 8px;
+  row-gap: 8px;
   padding-top: 24px;
   margin-top: 10px;
   border-top: 1px solid var(--vp-c-divider);
@@ -199,7 +199,7 @@ const showFooter = computed(() => {
 @media (min-width: 640px) {
   .prev-next {
     grid-template-columns: repeat(2, 1fr);
-    grid-column-gap: 16px;
+    column-gap: 16px;
   }
 }
 
diff --git a/theme/src/client/components/VPSkipLink.vue b/theme/src/client/components/VPSkipLink.vue
index 2b440adc..058a1e7b 100644
--- a/theme/src/client/components/VPSkipLink.vue
+++ b/theme/src/client/components/VPSkipLink.vue
@@ -58,7 +58,6 @@ function focusOnTargetAnchor({ target }: Event) {
 .vp-skip-link:focus {
   width: auto;
   height: auto;
-  clip: auto;
   clip-path: none;
 }
 
diff --git a/theme/src/client/components/global/VPLinkCard.vue b/theme/src/client/components/global/VPLinkCard.vue
index c00723f1..04c5db3e 100644
--- a/theme/src/client/components/global/VPLinkCard.vue
+++ b/theme/src/client/components/global/VPLinkCard.vue
@@ -97,7 +97,7 @@ defineProps<{
   display: inline-block;
   flex: 1 2;
   min-width: 0;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 
 .vpi-arrow-right {
diff --git a/theme/src/client/styles/code.css b/theme/src/client/styles/code.css
index 95de9adb..82b0d021 100644
--- a/theme/src/client/styles/code.css
+++ b/theme/src/client/styles/code.css
@@ -88,7 +88,7 @@ html:not([data-theme="dark"]) .vp-code span {
   /* rtl:ignore */
   text-align: left;
   word-break: normal;
-  word-wrap: normal;
+  overflow-wrap: normal;
   -moz-tab-size: 4;
   -o-tab-size: 4;
   tab-size: 4;
diff --git a/theme/src/client/styles/utils.css b/theme/src/client/styles/utils.css
index 405206fe..4093c3ba 100644
--- a/theme/src/client/styles/utils.css
+++ b/theme/src/client/styles/utils.css
@@ -3,7 +3,6 @@
   width: 1px;
   height: 1px;
   overflow: hidden;
-  clip: rect(0 0 0 0);
   clip-path: inset(50%);
   white-space: nowrap;
 }