diff --git a/changelog/unreleased/enhancement-update-ods b/changelog/unreleased/enhancement-update-ods
index e2c3a743379..5aac7a42e8b 100644
--- a/changelog/unreleased/enhancement-update-ods
+++ b/changelog/unreleased/enhancement-update-ods
@@ -1,6 +1,6 @@
-Enhancement: Update ODS to v12.2.0
+Enhancement: Update ODS to v12.2.1
 
-We updated the ownCloud Design System to version 12.2.0. Please refer to the full changelog in the ODS release (linked) for more details. Summary:
+We updated the ownCloud Design System to version 12.2.1. Please refer to the full changelog in the ODS release (linked) for more details. Summary:
 
 - Enhancement - Apply outstanding background color to oc-card: https://github.com/owncloud/owncloud-design-system/pull/1974
 - Enhancement - Redesign OcBreadcrumb: https://github.com/owncloud/web/issues/6218
@@ -8,4 +8,5 @@ We updated the ownCloud Design System to version 12.2.0. Please refer to the ful
 
 https://github.com/owncloud/web/pull/6450
 https://github.com/owncloud/web/pull/6472
-https://github.com/owncloud/owncloud-design-system/releases/tag/v12.2.0
+https://github.com/owncloud/web/pull/6505
+https://github.com/owncloud/owncloud-design-system/releases/tag/v12.2.1
diff --git a/packages/web-app-files/tests/unit/views/__snapshots__/SharedWithOthers.spec.js.snap b/packages/web-app-files/tests/unit/views/__snapshots__/SharedWithOthers.spec.js.snap
index 2fd4b11ab92..b2d8bdeeef8 100644
--- a/packages/web-app-files/tests/unit/views/__snapshots__/SharedWithOthers.spec.js.snap
+++ b/packages/web-app-files/tests/unit/views/__snapshots__/SharedWithOthers.spec.js.snap
@@ -8,10 +8,10 @@ exports[`SharedWithOthers when the wrapper is not loading anymore when length of
         <!---->
       </th>
       <th class="oc-th oc-table-cell oc-table-cell-align-left oc-table-cell-align-middle oc-table-cell-width-expand oc-text-nowrap oc-table-header-cell oc-table-header-cell-name" aria-sort="none" style="top: 0px;"><span class="oc-table-thead-content header-text">Name</span>
-        <oc-button-stub type="button" size="medium" arialabel="Sort by name" variation="passive" appearance="raw" justifycontent="center" gapsize="medium" class="oc-button-sort"><span class="oc-icon oc-icon-s oc-icon-passive"><!----></span></oc-button-stub>
+        <oc-button-stub type="button" size="medium" arialabel="Sort by name" variation="passive" appearance="raw" justifycontent="center" gapsize="medium" class="oc-button-sort oc-invisible"><span class="oc-icon oc-icon-s oc-icon-passive"><!----></span></oc-button-stub>
       </th>
       <th class="oc-th oc-table-cell oc-table-cell-align-right oc-table-cell-align-middle oc-table-cell-width-auto oc-text-nowrap oc-table-header-cell oc-table-header-cell-sharedWith" aria-sort="none" style="top: 0px;"><span class="oc-table-thead-content header-text">Shared with</span>
-        <oc-button-stub type="button" size="medium" arialabel="Sort by sharedWith" variation="passive" appearance="raw" justifycontent="center" gapsize="medium" class="oc-button-sort"><span class="oc-icon oc-icon-s oc-icon-passive"><!----></span></oc-button-stub>
+        <oc-button-stub type="button" size="medium" arialabel="Sort by sharedWith" variation="passive" appearance="raw" justifycontent="center" gapsize="medium" class="oc-button-sort oc-invisible"><span class="oc-icon oc-icon-s oc-icon-passive"><!----></span></oc-button-stub>
       </th>
       <th class="oc-th oc-table-cell oc-table-cell-align-right oc-table-cell-align-middle oc-table-cell-width-auto oc-text-nowrap oc-table-header-cell oc-table-header-cell-actions oc-pr-m" style="top: 0px;"><span class="oc-table-thead-content header-text">Actions</span>
         <!---->
diff --git a/packages/web-app-files/tests/unit/views/__snapshots__/Trashbin.spec.js.snap b/packages/web-app-files/tests/unit/views/__snapshots__/Trashbin.spec.js.snap
index c18816860e0..5a3329054ab 100644
--- a/packages/web-app-files/tests/unit/views/__snapshots__/Trashbin.spec.js.snap
+++ b/packages/web-app-files/tests/unit/views/__snapshots__/Trashbin.spec.js.snap
@@ -7,7 +7,7 @@ exports[`Trashbin View when the view is not loading anymore when length of the p
       <th class="oc-th oc-table-cell oc-table-cell-align-left oc-table-cell-align-middle oc-table-cell-width-shrink oc-text-nowrap oc-table-header-cell oc-table-header-cell-select oc-pl-m " style="top: 0px;"><span class="oc-table-thead-content"><div class="resource-table-select-all"><span><input id="resource-table-select-all" type="checkbox" name="checkbox" class="oc-checkbox oc-rounded oc-checkbox-l" value=""> <label for="resource-table-select-all" class="oc-invisible-sr oc-cursor-pointer">Select all resources</label></span></div></span>
         <!---->
       </th>
-      <th class="oc-th oc-table-cell oc-table-cell-align-left oc-table-cell-align-middle oc-table-cell-width-expand oc-text-nowrap oc-table-header-cell oc-table-header-cell-name" aria-sort="none" style="top: 0px;"><span class="oc-table-thead-content header-text">Name</span> <button aria-label="Sort by name" class="oc-button-sort oc-button oc-button-m oc-button-justify-content-center oc-button-gap-m oc-button-passive oc-button-passive-raw"><span class="oc-icon oc-icon-s oc-icon-passive"><!----></span></button></th>
+      <th class="oc-th oc-table-cell oc-table-cell-align-left oc-table-cell-align-middle oc-table-cell-width-expand oc-text-nowrap oc-table-header-cell oc-table-header-cell-name" aria-sort="none" style="top: 0px;"><span class="oc-table-thead-content header-text">Name</span> <button aria-label="Sort by name" class="oc-button-sort oc-button oc-button-m oc-button-justify-content-center oc-button-gap-m oc-button-passive oc-button-passive-raw oc-invisible"><span class="oc-icon oc-icon-s oc-icon-passive"><!----></span></button></th>
       <th class="oc-th oc-table-cell oc-table-cell-align-right oc-table-cell-align-middle oc-table-cell-width-auto oc-text-nowrap oc-table-header-cell oc-table-header-cell-status" style="top: 0px;"><span class="oc-table-thead-content header-text">Status</span>
         <!---->
       </th>
diff --git a/packages/web-runtime/package.json b/packages/web-runtime/package.json
index 6f9e54ef8d7..412482e92e1 100644
--- a/packages/web-runtime/package.json
+++ b/packages/web-runtime/package.json
@@ -6,7 +6,7 @@
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.15.4",
     "@popperjs/core": "^2.4.0",
-    "@vue/composition-api": "^1.4.6",
+    "@vue/composition-api": "^1.4.9",
     "axios": "^0.25.0",
     "cross-fetch": "^3.0.6",
     "easygettext": "^2.16.1",
@@ -17,7 +17,7 @@
     "lodash-es": "^4.17.21",
     "luxon": "^2.3.0",
     "oidc-client": "1.11.5",
-    "owncloud-design-system": "12.2.0",
+    "owncloud-design-system": "^12.2.1",
     "owncloud-sdk": "~2.0.0",
     "p-queue": "^6.1.1",
     "popper-max-size-modifier": "^0.2.0",
diff --git a/yarn.lock b/yarn.lock
index 97a59db7490..982745613b1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2893,12 +2893,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/composition-api@npm:^1.4.6":
-  version: 1.4.6
-  resolution: "@vue/composition-api@npm:1.4.6"
+"@vue/composition-api@npm:^1.4.9":
+  version: 1.4.9
+  resolution: "@vue/composition-api@npm:1.4.9"
   peerDependencies:
     vue: ">= 2.5 < 3"
-  checksum: 60c66a1616a05cdb8e1d91fc138584da5719b91232bd0bb9ba36161a1593de9c6c2ddd7dc4ccc8fefbeddb3fca581778887a0fca750a25b8db830f711c9482e4
+  checksum: 08853aee4326804f9b8e53d7abc53bbcfc44e1b9df260644656ae39803b4c3427d5deeb87821413a1e82737704447743cf573315f3f4f038c2b29c7cf6cd5910
   languageName: node
   linkType: hard
 
@@ -9581,9 +9581,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"owncloud-design-system@npm:12.2.0":
-  version: 12.2.0
-  resolution: "owncloud-design-system@npm:12.2.0"
+"owncloud-design-system@npm:^12.2.1":
+  version: 12.2.1
+  resolution: "owncloud-design-system@npm:12.2.1"
   peerDependencies:
     "@popperjs/core": ^2.4.0
     "@vue/composition-api": ^1.4.3
@@ -9600,7 +9600,7 @@ __metadata:
     vue-inline-svg: ^2.0.0
     vue-select: ^3.12.0
     webfontloader: ^1.6.28
-  checksum: 88d19eed578d7d376df4ca3258904ae3d0cd0fee0c302cd10f5ec20ef1e86490796cba3410e0ad08e00acedfcb362c70b9baf427fab49e546cbf092bd250e4c6
+  checksum: 2baee093b1802680a27f7051b48cb5dff76d8ced880a9d6ebf44ba0b551e78829900876e8cc2814f60275a94791c1c8290868618516fb000a253cfc3ab782d10
   languageName: node
   linkType: hard
 
@@ -13540,7 +13540,7 @@ __metadata:
     "@popperjs/core": ^2.4.0
     "@types/luxon": ^2.0.8
     "@types/semver": ^7.3.8
-    "@vue/composition-api": ^1.4.6
+    "@vue/composition-api": ^1.4.9
     axios: ^0.25.0
     cross-fetch: ^3.0.6
     easygettext: ^2.16.1
@@ -13551,7 +13551,7 @@ __metadata:
     lodash-es: ^4.17.21
     luxon: ^2.3.0
     oidc-client: 1.11.5
-    owncloud-design-system: 12.2.0
+    owncloud-design-system: ^12.2.1
     owncloud-sdk: ~2.0.0
     p-queue: ^6.1.1
     popper-max-size-modifier: ^0.2.0