diff --git a/settings/package.json b/settings/package.json
index 6b1373332..2eb9640fa 100644
--- a/settings/package.json
+++ b/settings/package.json
@@ -74,7 +74,7 @@
     "not dead"
   ],
   "peerDependencies": {
-    "owncloud-design-system": "^1.7.0"
+    "owncloud-design-system": "^6.0.1"
   },
   "dependencies": {
     "lodash": "^4.17.15",
diff --git a/settings/ui/components/SettingsApp.vue b/settings/ui/components/SettingsApp.vue
index c1e4ac943..eff825686 100644
--- a/settings/ui/components/SettingsApp.vue
+++ b/settings/ui/components/SettingsApp.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="oc-p">
-    <div class="uk-flex uk-flex-column" id="settings-app">
+    <main class="uk-flex uk-flex-column" id="settings-app">
       <template v-if="initialized">
         <oc-alert v-if="extensions.length === 0" variation="primary" no-close>
           <p class="uk-flex uk-flex-middle">
@@ -34,7 +34,7 @@
         </template>
       </template>
       <oc-loader v-else />
-    </div>
+    </main>
   </div>
 </template>
 
diff --git a/settings/ui/components/SettingsBundle.vue b/settings/ui/components/SettingsBundle.vue
index 69bc29575..3456bef9e 100644
--- a/settings/ui/components/SettingsBundle.vue
+++ b/settings/ui/components/SettingsBundle.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="uk-width-1-1 uk-width-2-3@m uk-width-1-2@l uk-width-1-3@xl">
-    <div class="oc-text-bold oc-mb-s">
+    <h2 class="oc-mb-s">
       <translate>{{ bundle.displayName }}</translate>
-    </div>
+    </h2>
     <oc-grid gutter="small">
       <template>
         <div class="uk-width-1-1" v-for="setting in bundle.settings" :key="setting.id">