diff --git a/Makefile.release b/Makefile.release
index 3d261e9775e..8c46083ebf5 100644
--- a/Makefile.release
+++ b/Makefile.release
@@ -68,6 +68,7 @@ endif
 .PHONY: ocx-app-config
 ocx-app-config:
 	cp -R packages/web-integration-oc10/appinfo $(dist_dir)
+	cp -R packages/web-integration-oc10/js $(dist_dir)
 	cp -R packages/web-integration-oc10/lib $(dist_dir)
 
 .PHONY: ocx-app-bundle
diff --git a/packages/web-integration-oc10/appinfo/app.php b/packages/web-integration-oc10/appinfo/app.php
index 621ca0cb365..84805914f20 100644
--- a/packages/web-integration-oc10/appinfo/app.php
+++ b/packages/web-integration-oc10/appinfo/app.php
@@ -20,3 +20,4 @@
  */
 
 $app = new OCA\Web\Application();
+$app->boot();
diff --git a/packages/web-integration-oc10/appinfo/routes.php b/packages/web-integration-oc10/appinfo/routes.php
index b64b62ae9f0..ab73a0eb59b 100644
--- a/packages/web-integration-oc10/appinfo/routes.php
+++ b/packages/web-integration-oc10/appinfo/routes.php
@@ -28,6 +28,7 @@
         'routes' => [
             ['name' => 'Index#index', 'url' => '/', 'verb' => 'GET'],
             ['name' => 'Config#getConfig', 'url' => '/config.json', 'verb' => 'GET'],
+            ['name' => 'Settings#setWebDefaultConfig', 'url' => '/settings/default', 'verb' => 'POST'],
             [
             	'name' => 'Files#getFile',
 				'url' => '/{path}',
diff --git a/packages/web-integration-oc10/js/app.js b/packages/web-integration-oc10/js/app.js
new file mode 100644
index 00000000000..88c1168f994
--- /dev/null
+++ b/packages/web-integration-oc10/js/app.js
@@ -0,0 +1,7 @@
+$(document).ready(function () {
+  $('#apps')
+    .find('li[data-id=web]')
+    .click(function () {
+      $.post(OC.generateUrl('/apps/web/settings/default'), { isDefault: true })
+    })
+})
diff --git a/packages/web-integration-oc10/lib/Application.php b/packages/web-integration-oc10/lib/Application.php
index cbbb7197a71..ee0e95080ee 100644
--- a/packages/web-integration-oc10/lib/Application.php
+++ b/packages/web-integration-oc10/lib/Application.php
@@ -22,6 +22,7 @@
 namespace OCA\Web;
 
 use OCP\AppFramework\App;
+use OCP\Util;
 
 class Application extends App {
 
@@ -33,4 +34,8 @@ class Application extends App {
 	public function __construct(array $urlParams = []) {
 		parent::__construct(Application::APPID, $urlParams);
 	}
+
+    public function boot(): void {
+        Util::addscript(Application::APPID, 'app');
+    }
 }
diff --git a/packages/web-integration-oc10/lib/Controller/SettingsController.php b/packages/web-integration-oc10/lib/Controller/SettingsController.php
new file mode 100644
index 00000000000..3fa53a18954
--- /dev/null
+++ b/packages/web-integration-oc10/lib/Controller/SettingsController.php
@@ -0,0 +1,84 @@
+<?php
+/**
+ * @author Jannik Stehle <jstehle@owncloud.com>
+ * @author Jan Ackermann <jackermann@owncloud.com>
+ *
+ * @copyright Copyright (c) 2021, ownCloud GmbH
+ * @license AGPL-3.0
+ *
+ * This code is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License, version 3,
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>
+ *
+ */
+
+namespace OCA\Web\Controller;
+
+use OCP\AppFramework\Controller;
+use OCP\AppFramework\Http\JSONResponse;
+use OCP\IConfig;
+use OCP\IRequest;
+use OCP\IUserSession;
+
+/**
+ * Class SettingsController
+ *
+ * @package OCA\Web\Controller
+ */
+class SettingsController extends Controller {
+
+	/**
+	 * @var IConfig
+	 */
+	private $config;
+
+	/**
+	 * @var IUserSession
+	 */
+	private $userSession;
+
+	/**
+	 * @param string $appName
+	 * @param IRequest $request an instance of the request
+	 * @param IUserSession $userSession
+	 * @param IConfig $config
+	 */
+	public function __construct(
+		$appName,
+		IRequest $request,
+		IUserSession $userSession,
+		IConfig $config
+	) {
+		parent::__construct($appName, $request);
+		$this->config = $config;
+		$this->userSession = $userSession;
+	}
+
+	/**
+	 * Set the web default config.
+	 *
+	 * @NoAdminRequired
+	 *
+	 * @return JSONResponse
+	 */
+	public function setWebDefaultConfig() {
+		$value = \filter_var($this->request->getParam('isDefault'), FILTER_VALIDATE_BOOLEAN);
+		$user = $this->userSession->getUser();
+		$configToSet = $value === true ? 'web' : null;
+		if (!$configToSet) {
+			$this->config->deleteUserValue($user->getUID(), 'core', 'defaultapp');
+		} else {
+			$this->config->setUserValue($user->getUID(), 'core', 'defaultapp', $configToSet);
+		}
+
+		return new JSONResponse([]);
+	}
+}
diff --git a/packages/web-runtime/src/components/ApplicationsMenu.vue b/packages/web-runtime/src/components/ApplicationsMenu.vue
index 3bbdf3e03c4..da24a7f0087 100644
--- a/packages/web-runtime/src/components/ApplicationsMenu.vue
+++ b/packages/web-runtime/src/components/ApplicationsMenu.vue
@@ -22,7 +22,13 @@
     >
       <ul class="uk-grid-small uk-text-center" uk-grid>
         <li v-for="(n, nid) in menuItems" :key="`apps-menu-${nid}`" class="uk-width-1-3">
-          <a v-if="n.url" key="apps-menu-external-link" :target="n.target" :href="n.url">
+          <a
+            v-if="n.url"
+            key="apps-menu-external-link"
+            :target="n.target"
+            :href="n.url"
+            @click="clickApp(n)"
+          >
             <oc-icon :name="n.iconMaterial" size="xlarge" />
             <span class="uk-display-block" v-text="$gettext(n.title)" />
           </a>
@@ -39,6 +45,7 @@
 <script>
 import NavigationMixin from '../mixins/navigationMixin'
 import UiKit from 'uikit'
+import { mapGetters } from 'vuex'
 
 export default {
   mixins: [NavigationMixin],
@@ -50,6 +57,7 @@ export default {
     }
   },
   computed: {
+    ...mapGetters(['configuration', 'getToken']),
     menuItems() {
       return this.navigation_getMenuItems([null, 'apps', 'appSwitcher'])
     },
@@ -84,6 +92,27 @@ export default {
     },
     focusMenuButton() {
       this.$refs.menubutton.$el.focus()
+    },
+    async clickApp(appEntry) {
+      // @TODO use id or similar
+      if (appEntry.iconMaterial === 'switch_ui') {
+        await this.setClassicUIDefault()
+      }
+    },
+    setClassicUIDefault() {
+      const endpoint = new URL(this.configuration.server || window.location.origin)
+      endpoint.pathname =
+        endpoint.pathname.replace(/\/$/, '') + '/index.php/apps/web/settings/default'
+
+      const headers = new Headers()
+      headers.append('Authorization', 'Bearer ' + this.getToken)
+      headers.append('X-Requested-With', 'XMLHttpRequest')
+
+      return fetch(endpoint.href, {
+        headers,
+        method: 'POST',
+        body: JSON.stringify({ isDefault: false })
+      })
     }
   }
 }