diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6ddb430ef..928a64f28 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -26,6 +26,7 @@
   [#1226](https://github.com/nextcloud/cookbook/pull/1226) @christianlupus
 - Allow for PlantUML diagrams in documentation
   [#1229](https://github.com/nextcloud/cookbook/pull/1229) @christianlupus
+- Remove deprecated `::v-deep` CSS syntax @christianlupus
 
 ### Removed
 - Remove the deprecated endpoints from version 0.9.15
diff --git a/package-lock.json b/package-lock.json
index 189f99733..c5d4d8425 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -788,9 +788,9 @@
       }
     },
     "node_modules/@nextcloud/stylelint-config": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/@nextcloud/stylelint-config/-/stylelint-config-2.2.0.tgz",
-      "integrity": "sha512-kH3pGAofdnDZJCTyYr2hc9Y63KVVrJ3845j3DOKJNW4uUVybiRZkMccwuJvT1mJ8Gn7lgETh4vceDXuwnJlJ3Q==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@nextcloud/stylelint-config/-/stylelint-config-2.3.0.tgz",
+      "integrity": "sha512-5mtWqqwrXFXekGT0I8PtVYxJAUQXYwMF28e2MBFbsbyCv+XVzFn9rOYAn6xUG1PrsIeEnom0xlQdrrjpJc71oA==",
       "dev": true,
       "engines": {
         "node": "^16.0.0",
@@ -11310,9 +11310,9 @@
       }
     },
     "@nextcloud/stylelint-config": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/@nextcloud/stylelint-config/-/stylelint-config-2.2.0.tgz",
-      "integrity": "sha512-kH3pGAofdnDZJCTyYr2hc9Y63KVVrJ3845j3DOKJNW4uUVybiRZkMccwuJvT1mJ8Gn7lgETh4vceDXuwnJlJ3Q==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@nextcloud/stylelint-config/-/stylelint-config-2.3.0.tgz",
+      "integrity": "sha512-5mtWqqwrXFXekGT0I8PtVYxJAUQXYwMF28e2MBFbsbyCv+XVzFn9rOYAn6xUG1PrsIeEnom0xlQdrrjpJc71oA==",
       "dev": true,
       "requires": {}
     },
diff --git a/src/components/RecipeView.vue b/src/components/RecipeView.vue
index 41d5c91cf..9d877c625 100644
--- a/src/components/RecipeView.vue
+++ b/src/components/RecipeView.vue
@@ -782,20 +782,20 @@ aside ul li input[type="checkbox"] {
     vertical-align: middle;
 }
 
-.markdown-description ::v-deep(ol > li) {
+.markdown-description :deep(ol > li) {
     list-style-type: numbered;
 }
 
-.markdown-description ::v-deep(ul > li) {
+.markdown-description :deep(ul > li) {
     list-style-type: disc;
 }
 
-.markdown-description ::v-deep(ol > li),
-.markdown-description ::v-deep(ul > li) {
+.markdown-description :deep(ol > li),
+.markdown-description :deep(ul > li) {
     margin-left: 20px;
 }
 
-.markdown-description ::v-deep(a) {
+.markdown-description :deep(a) {
     text-decoration: underline;
 }