diff --git a/changelog/unreleased/enhancement-reposition-notifications b/changelog/unreleased/enhancement-reposition-notifications
new file mode 100644
index 00000000000..429422c8a61
--- /dev/null
+++ b/changelog/unreleased/enhancement-reposition-notifications
@@ -0,0 +1,7 @@
+Enhancement: Reposition notifications
+
+We've repositioned the notifications to no longer block the searchbar - they are now in the bottom right corner, above the (possibly visible) upload information.
+It has also been redesigned to better fit the overall design.
+
+https://github.com/owncloud/web/pull/7139
+https://github.com/owncloud/web/issues/7082
diff --git a/changelog/unreleased/enhancement-update-ods b/changelog/unreleased/enhancement-update-ods
new file mode 100644
index 00000000000..b3aec065efa
--- /dev/null
+++ b/changelog/unreleased/enhancement-update-ods
@@ -0,0 +1,13 @@
+Enhancement: Update ODS to v14.0.0-alpha.2
+
+We updated the ownCloud Design System to version 14.0.0-alpha.2. Please refer to the full changelog in the ODS release (linked) for more details. Summary:
+
+- Change - Remove OcAlert component: https://github.com/owncloud/owncloud-design-system/pull/2210
+- Change - Remove transition animations: https://github.com/owncloud/owncloud-design-system/pull/2210
+- Change - Revamp animations: https://github.com/owncloud/owncloud-design-system/pull/2210
+- Enhancement - Progress bar indeterminate state: https://github.com/owncloud/owncloud-design-system/pull/2200
+- Enhancement - Redesign notifications: https://github.com/owncloud/owncloud-design-system/pull/2210
+- Bugfix - Remove click event on OcIcon: https://github.com/owncloud/owncloud-design-system/pull/2216
+
+https://github.com/owncloud/web/pull/7139
+https://github.com/owncloud/owncloud-design-system/releases/tag/14.0.0-alpha.2
diff --git a/dev/docker/oc10.web.config.json b/dev/docker/oc10.web.config.json
index 606f2ba2436..679cd74b35d 100644
--- a/dev/docker/oc10.web.config.json
+++ b/dev/docker/oc10.web.config.json
@@ -14,6 +14,7 @@
     "search"
   ],
   "options": {
+    "topCenterNotifications": true,
     "disablePreviews": true,
     "displayResourcesLazy": false,
     "sidebar": {
diff --git a/dev/docker/ocis.web.config.json b/dev/docker/ocis.web.config.json
index e179ed93237..d564335f617 100644
--- a/dev/docker/ocis.web.config.json
+++ b/dev/docker/ocis.web.config.json
@@ -9,6 +9,7 @@
     "scope": "openid profile email"
   },
   "options": {
+    "topCenterNotifications": true,
     "disablePreviews": true,
     "displayResourcesLazy": false,
     "sidebar": {
diff --git a/packages/web-app-draw-io/src/App.vue b/packages/web-app-draw-io/src/App.vue
index c0cf0b0c0f9..5267b47a4f1 100644
--- a/packages/web-app-draw-io/src/App.vue
+++ b/packages/web-app-draw-io/src/App.vue
@@ -1,13 +1,5 @@
 <template>
   <main>
-    <oc-notifications>
-      <oc-notification-message
-        v-if="notificationMessage"
-        :message="notificationMessage"
-        :status="notificationStatus"
-        @close="clearNotificationMessage"
-      />
-    </oc-notifications>
     <div v-if="loading" class="oc-position-center">
       <oc-spinner size="xlarge" />
       <p v-translate class="oc-invisible">Loading media</p>
@@ -43,9 +35,7 @@ export default {
     filePath: '',
     fileExtension: '',
     isReadOnly: null,
-    currentETag: null,
-    notificationMessage: null,
-    notificationStatus: null
+    currentETag: null
   }),
   computed: {
     ...mapGetters(['getToken']),
@@ -97,23 +87,19 @@ export default {
   },
   methods: {
     ...mapActions(['showMessage']),
-    error(error) {
+    errorPopup(error) {
       this.showMessage({
-        title: this.$gettext('The diagram could not be loaded…'),
+        title: this.$gettext('An error occurred'),
         desc: error,
         status: 'danger'
       })
     },
-    errorPopup(error) {
-      this.notificationStatus = 'danger'
-      this.notificationMessage = error
-    },
     successPopup(msg) {
-      this.notificationStatus = 'success'
-      this.notificationMessage = msg
-    },
-    clearNotificationMessage() {
-      this.notificationMessage = null
+      this.showMessage({
+        title: this.$gettext('The diagram was successfully saved'),
+        desc: msg,
+        status: 'success'
+      })
     },
     errorNotification(error) {
       this.$refs.drawIoEditor.contentWindow.postMessage(
@@ -133,7 +119,7 @@ export default {
           this.loading = false
         })
         .catch((error) => {
-          this.error(error)
+          this.errorPopup(error)
         })
     },
     load() {
@@ -150,7 +136,7 @@ export default {
           )
         })
         .catch((error) => {
-          this.error(error)
+          this.errorPopup(error)
         })
     },
     importVisio() {
@@ -191,7 +177,7 @@ export default {
           reader.readAsDataURL(blob)
         })
         .catch((error) => {
-          this.error(error)
+          this.errorPopup(error)
         })
     },
     save(payload, auto = false) {
diff --git a/packages/web-app-text-editor/src/App.vue b/packages/web-app-text-editor/src/App.vue
index 4c26549a0c3..e9174772fef 100644
--- a/packages/web-app-text-editor/src/App.vue
+++ b/packages/web-app-text-editor/src/App.vue
@@ -8,14 +8,6 @@
       @closeApp="closeApp"
       @save="save"
     />
-    <oc-notifications>
-      <oc-notification-message
-        v-if="lastError"
-        :message="lastError"
-        status="danger"
-        @close="clearLastError"
-      />
-    </oc-notifications>
     <div class="oc-flex editor-wrapper-height">
       <div :class="showPreview ? 'oc-width-1-2' : 'oc-width-1-1'" class="oc-height-1-1">
         <oc-textarea
@@ -37,14 +29,14 @@
   </main>
 </template>
 <script>
-import AppBar from './AppBar.vue'
-import { useAppDefaults } from 'web-pkg/src/composables'
 import { marked } from 'marked'
 import sanitizeHtml from 'sanitize-html'
 import { useTask } from 'vue-concurrency'
 import { computed, onMounted, onBeforeUnmount, ref, unref } from '@vue/composition-api'
 import { mapActions } from 'vuex'
 import { DavPermission, DavProperty } from 'web-pkg/src/constants'
+import { useAppDefaults } from 'web-pkg/src/composables'
+import AppBar from './AppBar.vue'
 
 export default {
   name: 'TextEditor',
@@ -121,27 +113,25 @@ export default {
           (error) => {
             switch (error.statusCode) {
               case 412:
-                lastError.value =
-                  'This file was updated outside this window. Please refresh the page (all changes will be lost).'
+                this.errorPopup(
+                  this.$gettext(
+                    'This file was updated outside this window. Please refresh the page (all changes will be lost).'
+                  )
+                )
                 break
               case 500:
-                lastError.value = 'Error when contacting the server'
+                this.errorPopup(this.$gettext('Error when contacting the server'))
                 break
               case 401:
-                lastError.value = "You're not authorized to save this file"
+                this.errorPopup(this.$gettext("You're not authorized to save this file"))
                 break
               default:
-                lastError.value = error.message || error
+                this.errorPopup(error.message || error)
             }
           }
         )
     }).restartable()
 
-    const lastError = ref()
-    const clearLastError = () => {
-      lastError.value = null
-    }
-
     const renderedMarkdown = computed(() => {
       return unref(currentContent) && showPreview
         ? sanitizeHtml(marked(unref(currentContent)))
@@ -214,19 +204,25 @@ export default {
       isDirty,
       isReadOnly,
       currentContent,
-      lastError,
       renderedMarkdown,
       config,
 
       // methods
-      clearLastError,
       save,
       handleSKey,
       handleUnload
     }
   },
   methods: {
-    ...mapActions(['createModal', 'hideModal'])
+    ...mapActions(['createModal', 'hideModal', 'showMessage']),
+
+    errorPopup(error) {
+      this.showMessage({
+        title: this.$gettext('An error occurred'),
+        desc: error,
+        status: 'danger'
+      })
+    }
   }
 }
 </script>
diff --git a/packages/web-runtime/package.json b/packages/web-runtime/package.json
index 55117ab563e..387153d2418 100644
--- a/packages/web-runtime/package.json
+++ b/packages/web-runtime/package.json
@@ -16,7 +16,7 @@
     "axios": "^0.26.1",
     "cross-fetch": "^3.0.6",
     "easygettext": "https://github.com/owncloud/easygettext/archive/refs/tags/v2.18.1-oc.tar.gz",
-    "filesize": "^8.0.7",
+    "filesize": "^9.0.11",
     "focus-trap": "^6.4.0",
     "focus-trap-vue": "^1.1.1",
     "fuse.js": "^6.5.3",
@@ -24,7 +24,7 @@
     "luxon": "^2.4.0",
     "marked": "^4.0.12",
     "oidc-client": "1.11.5",
-    "owncloud-design-system": "^13.2.0-rc.1",
+    "owncloud-design-system": "^14.0.0-alpha.2",
     "owncloud-sdk": "~3.0.0-alpha.14",
     "p-queue": "^6.6.2",
     "popper-max-size-modifier": "^0.2.0",
diff --git a/packages/web-runtime/src/components/MessageBar.vue b/packages/web-runtime/src/components/MessageBar.vue
index 0238ffcf656..66a80b3e67f 100644
--- a/packages/web-runtime/src/components/MessageBar.vue
+++ b/packages/web-runtime/src/components/MessageBar.vue
@@ -1,18 +1,19 @@
 <template>
-  <oc-notifications>
+  <oc-notifications :position="notificationPosition">
     <oc-notification-message
       v-for="item in $_ocMessages_limited"
       :key="item.id"
       :title="item.title"
       :message="item.desc"
       :status="item.status"
-      class="oc-width-large"
       @close="deleteMessage(item)"
     />
   </oc-notifications>
 </template>
 
 <script>
+import { mapGetters } from 'vuex'
+
 export default {
   props: {
     activeMessages: {
@@ -22,6 +23,13 @@ export default {
     }
   },
   computed: {
+    ...mapGetters(['configuration']),
+    notificationPosition() {
+      if (this.configuration.options.topCenterNotifications) {
+        return 'top-center'
+      }
+      return 'default'
+    },
     $_ocMessages_limited() {
       return this.activeMessages ? this.activeMessages.slice(0, 5) : []
     }
diff --git a/packages/web-runtime/src/components/UploadInfo.vue b/packages/web-runtime/src/components/UploadInfo.vue
index 8a1687fabae..f6716b3a6c0 100644
--- a/packages/web-runtime/src/components/UploadInfo.vue
+++ b/packages/web-runtime/src/components/UploadInfo.vue
@@ -548,16 +548,11 @@ export default {
 
 <style lang="scss">
 #upload-info {
-  position: absolute;
-  right: 20px;
   background-color: var(--oc-color-background-secondary);
-  bottom: 20px;
   width: 400px;
   z-index: 4;
 
   @media (max-width: 640px) {
-    left: 0;
-    right: 0;
     margin: 0 auto;
     width: 100%;
     max-width: 500px;
diff --git a/packages/web-runtime/src/layouts/Application.vue b/packages/web-runtime/src/layouts/Application.vue
index ab7ce98a5a4..5d89f701c0e 100644
--- a/packages/web-runtime/src/layouts/Application.vue
+++ b/packages/web-runtime/src/layouts/Application.vue
@@ -7,7 +7,6 @@
       <top-bar :applications-list="applicationsList" :active-notifications="activeNotifications" />
     </div>
     <div id="web-content-main" class="oc-px-s oc-pb-s">
-      <message-bar :active-messages="activeMessages" @deleteMessage="deleteMessage" />
       <div class="app-container oc-flex">
         <sidebar-nav v-if="isSidebarVisible" class="app-navigation" :nav-items="sidebarNavItems" />
         <router-view
@@ -18,7 +17,10 @@
         />
       </div>
     </div>
-    <upload-info />
+    <div class="snackbars">
+      <message-bar :active-messages="activeMessages" @deleteMessage="deleteMessage" />
+      <upload-info />
+    </div>
   </div>
 </template>
 
@@ -194,5 +196,19 @@ export default defineComponent({
       }
     }
   }
+
+  .snackbars {
+    position: absolute;
+    right: 20px;
+    bottom: 20px;
+
+    @media (max-width: 640px) {
+      left: 0;
+      right: 0;
+      margin: 0 auto;
+      width: 100%;
+      max-width: 500px;
+    }
+  }
 }
 </style>
diff --git a/packages/web-runtime/src/store/app.js b/packages/web-runtime/src/store/app.js
index e335677650a..d7d4568940b 100644
--- a/packages/web-runtime/src/store/app.js
+++ b/packages/web-runtime/src/store/app.js
@@ -9,9 +9,6 @@ const state = {
 }
 
 const actions = {
-  toggleSidebar(context, visible) {
-    context.commit('TOGGLE_SIDEBAR', visible)
-  },
   showMessage({ commit }, message) {
     commit('ENQUEUE_MESSAGE', message)
   },
diff --git a/packages/web-runtime/src/store/config.js b/packages/web-runtime/src/store/config.js
index cbe243ad721..10cb3e31210 100644
--- a/packages/web-runtime/src/store/config.js
+++ b/packages/web-runtime/src/store/config.js
@@ -40,6 +40,9 @@ const state = {
   options: {
     contextHelpers: true,
     defaultExtension: 'files',
+    // ugly hack to still have notifications but don't have
+    // them blocking UI elements in acceptance/E2E tests
+    topCenterNotifications: false,
     disablePreviews: false,
     displayResourcesLazy: true,
     homeFolder: '',
diff --git a/packages/web-runtime/tests/unit/components/MessageBar.spec.js b/packages/web-runtime/tests/unit/components/MessageBar.spec.js
index 3a2c20c18cb..014b23b9101 100644
--- a/packages/web-runtime/tests/unit/components/MessageBar.spec.js
+++ b/packages/web-runtime/tests/unit/components/MessageBar.spec.js
@@ -1,10 +1,12 @@
 import { shallowMount, createLocalVue } from '@vue/test-utils'
+import Vuex from 'vuex'
 import DesignSystem from 'owncloud-design-system'
 import GetText from 'vue-gettext'
 
 import MessageBar from 'web-runtime/src/components/MessageBar.vue'
 
 const localVue = createLocalVue()
+localVue.use(Vuex)
 localVue.use(DesignSystem)
 localVue.use(GetText, {
   translations: 'does-not-matter.json',
@@ -99,6 +101,15 @@ function getShallowWrapper(activeMessages = []) {
     propsData: {
       activeMessages
     },
+    store: new Vuex.Store({
+      getters: {
+        configuration: () => ({
+          options: {
+            topCenterNotifications: false
+          }
+        })
+      }
+    }),
     stubs: {
       'oc-icon': true,
       'oc-notifications': true,
diff --git a/tests/acceptance/features/webUISharingPublicBasic/publicLinkCreate.feature b/tests/acceptance/features/webUISharingPublicBasic/publicLinkCreate.feature
index fdad39ee304..793e6616b74 100644
--- a/tests/acceptance/features/webUISharingPublicBasic/publicLinkCreate.feature
+++ b/tests/acceptance/features/webUISharingPublicBasic/publicLinkCreate.feature
@@ -56,7 +56,6 @@ Feature: Create public link shares
     When the public uses the webUI to access the last public link created by user "Alice" in a new session
     Then file "lorem.txt" should be listed on the webUI
 
-
   @skipOnOC10 @issue-ocis-reva-383
   # When this issue is fixed delete this scenario and use the one above
   Scenario: simple file sharing by public link (ocis bug demonstration)
@@ -72,7 +71,6 @@ Feature: Create public link shares
     When the public uses the webUI to access the last public link created by user "Alice" in a new session
     Then file "lorem.txt" should be listed on the webUI
 
-
   @issue-ocis-reva-389
   Scenario: user shares a public link with folder longer than 64 chars and shorter link name
     Given user "Alice" has created folder "simple-folder" in the server
@@ -84,7 +82,6 @@ Feature: Create public link shares
     Then file "lorem.txt" should be listed on the webUI
 
 
-
   Scenario: share two files with same name but different paths by public link
     Given user "Alice" has created folder "simple-folder" in the server
     And user "Alice" has created file "simple-folder/lorem.txt" in the server
@@ -99,8 +96,6 @@ Feature: Create public link shares
     And file with path "simple-folder/lorem.txt" should be listed on the webUI
 
 
-
-
   Scenario: user creates a multiple public link of a file and delete the first link
     Given user "Alice" has created file "lorem.txt" in the server
     And user "Alice" has created a public link with following settings in the server
@@ -167,8 +162,6 @@ Feature: Create public link shares
       | file    | lorem.txt     |
 
 
-
-
   Scenario: User can create a public link via quick action
     Given user "Alice" has created folder "simple-folder" in the server
     And user "Alice" has logged in using the webUI
@@ -185,10 +178,7 @@ Feature: Create public link shares
       Quicklink copied into your clipboard
       """
 
-  # This test is skipped in OCIS as it's starting to fail frequently
-  # and it won't be that much relevant after sharing jail is implemented
-  # see issue https://github.com/owncloud/web/issues/6419 and
-  # https://github.com/owncloud/web/issues/6321#issuecomment-1057813530 for more context
+  # This test is skipped in OCIS as the sharing jail has been implemented
   @skipOnOCIS
   Scenario: Sharing the share_folder as public link is not possible
     Given the setting "shareapi_auto_accept_share" of app "core" has been set to "no" in the server
diff --git a/tests/acceptance/pageObjects/webPage.js b/tests/acceptance/pageObjects/webPage.js
index 84072073b1c..500cf11ede0 100644
--- a/tests/acceptance/pageObjects/webPage.js
+++ b/tests/acceptance/pageObjects/webPage.js
@@ -269,7 +269,7 @@ module.exports = {
   elements: {
     message: {
       selector:
-        '//*[contains(@class, "oc-notification-message")]/div/div[contains(@class, "oc-notification-message-title")]',
+        '//*[contains(@class, "oc-notification-message")]//div[contains(@class, "oc-notification-message-title")]',
       locateStrategy: 'xpath'
     },
     messages: {
@@ -278,7 +278,7 @@ module.exports = {
     },
     errorMessage: {
       selector:
-        '//*[contains(@class, "oc-notification-message-danger")]/div/div[contains(@class, "oc-notification-message-title")]',
+        '//*[contains(@class, "oc-notification-message-danger")]//div[contains(@class, "oc-notification-message-title")]',
       locateStrategy: 'xpath'
     },
     errorMessages: {
diff --git a/tests/drone/config-oc10-integration-app-oauth.json b/tests/drone/config-oc10-integration-app-oauth.json
index aedf035a6ee..aa564c213aa 100644
--- a/tests/drone/config-oc10-integration-app-oauth.json
+++ b/tests/drone/config-oc10-integration-app-oauth.json
@@ -14,6 +14,7 @@
     "search"
   ],
   "options": {
+    "topCenterNotifications": true,
     "disablePreviews": true,
     "displayResourcesLazy": false,
     "sidebar": {
diff --git a/tests/drone/config-oc10-oauth.json b/tests/drone/config-oc10-oauth.json
index 36ff6591983..32dde8aa7e9 100644
--- a/tests/drone/config-oc10-oauth.json
+++ b/tests/drone/config-oc10-oauth.json
@@ -7,6 +7,7 @@
     "authUrl": "http://owncloud/index.php/apps/oauth2/authorize"
   },
   "options": {
+    "topCenterNotifications": true,
     "displayResourcesLazy": false,
     "sidebar": {
       "shares": {
diff --git a/tests/drone/config-oc10-openid.json b/tests/drone/config-oc10-openid.json
index 1deffc4e56b..6af143d83f1 100644
--- a/tests/drone/config-oc10-openid.json
+++ b/tests/drone/config-oc10-openid.json
@@ -9,6 +9,7 @@
     "scope": "openid profile email"
   },
   "options": {
+    "topCenterNotifications": true,
     "displayResourcesLazy": false,
     "sidebar": {
       "shares": {
diff --git a/tests/drone/config-ocis.json b/tests/drone/config-ocis.json
index 8219b829a8e..ead9c3f833e 100644
--- a/tests/drone/config-ocis.json
+++ b/tests/drone/config-ocis.json
@@ -9,6 +9,7 @@
     "scope": "openid profile email"
   },
   "options": {
+    "topCenterNotifications": true,
     "disablePreviews": true,
     "displayResourcesLazy": false,
     "sidebar": {
diff --git a/yarn.lock b/yarn.lock
index 16aff942bfc..d6dd454b2e1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6319,10 +6319,10 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"filesize@npm:^8.0.7":
-  version: 8.0.7
-  resolution: "filesize@npm:8.0.7"
-  checksum: 8603d27c5287b984cb100733640645e078f5f5ad65c6d913173e01fb99e09b0747828498fd86647685ccecb69be31f3587b9739ab1e50732116b2374aff4cbf9
+"filesize@npm:^9.0.11":
+  version: 9.0.11
+  resolution: "filesize@npm:9.0.11"
+  checksum: 7e8a9f9a4089e3ee29de64c241b50db8db4008351ace959873cb950bac0c2e1e09f4b45f42eaed8acd589a895dde978ed199e7a9982902fa06ca0be48e5ea92d
   languageName: node
   linkType: hard
 
@@ -9707,13 +9707,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"owncloud-design-system@npm:^13.2.0-rc.1":
-  version: 13.2.0-rc.1
-  resolution: "owncloud-design-system@npm:13.2.0-rc.1"
+"owncloud-design-system@npm:^14.0.0-alpha.2":
+  version: 14.0.0
+  resolution: "owncloud-design-system@npm:14.0.0"
   peerDependencies:
     "@popperjs/core": ^2.4.0
     "@vue/composition-api": ^1.4.3
-    filesize: ^8.0.0
+    filesize: ^9.0.9
     focus-trap: ^6.4.0
     focus-trap-vue: ^1.1.1
     fuse.js: ^6.4.6
@@ -9726,7 +9726,7 @@ __metadata:
     vue-inline-svg: ^2.0.0
     vue-select: ^3.12.0
     webfontloader: ^1.6.28
-  checksum: 56d47b1a9b276dfb289fc0fb523bfa96ce223f595afe9230d8675da84b7393ede45768ae185339a268644e4ecacb9d610617662ff8ddf5b7b0f16ebd36a76916
+  checksum: 1b3b43770d9d5e0fe7bb52b997b2a165f5f8dfdc9765b5f95cc30c050be9f8b4b7af5b2438006f701fd0c48a8c62d6fd005c969e4aa6e9f804324b88a157214b
   languageName: node
   linkType: hard
 
@@ -13773,7 +13773,7 @@ __metadata:
     axios: ^0.26.1
     cross-fetch: ^3.0.6
     easygettext: "https://github.com/owncloud/easygettext/archive/refs/tags/v2.18.1-oc.tar.gz"
-    filesize: ^8.0.7
+    filesize: ^9.0.11
     focus-trap: ^6.4.0
     focus-trap-vue: ^1.1.1
     fuse.js: ^6.5.3
@@ -13781,7 +13781,7 @@ __metadata:
     luxon: ^2.4.0
     marked: ^4.0.12
     oidc-client: 1.11.5
-    owncloud-design-system: ^13.2.0-rc.1
+    owncloud-design-system: ^14.0.0-alpha.2
     owncloud-sdk: ~3.0.0-alpha.14
     p-queue: ^6.6.2
     popper-max-size-modifier: ^0.2.0