From 39416c7c9a19c85a4242f531a03634c6723169c2 Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Wed, 19 Nov 2025 14:02:50 +0100
Subject: [PATCH] fix(NcAppSettingsDialog): set box-sizing: border-box for new
 design

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 .../NcAppSettingsDialog/NcAppSettingsDialog.vue       | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/NcAppSettingsDialog/NcAppSettingsDialog.vue b/src/components/NcAppSettingsDialog/NcAppSettingsDialog.vue
index f34c465a85..c379329a84 100644
--- a/src/components/NcAppSettingsDialog/NcAppSettingsDialog.vue
+++ b/src/components/NcAppSettingsDialog/NcAppSettingsDialog.vue
@@ -215,7 +215,7 @@ function unregisterSection(id: string) {
 	<NcDialog
 		v-if="open"
 		class="app-settings"
-		content-classes="app-settings__content"
+		:content-classes="['app-settings__content', { 'app-settings__non-legacy': !legacy }]"
 		navigation-classes="app-settings__navigation"
 		:additional-trap-elements="additionalTrapElements"
 		:container="container"
@@ -259,16 +259,21 @@ function unregisterSection(id: string) {
 
 <style lang="scss" scoped>
 .app-settings {
-	:deep &__navigation {
+	:deep(.app-settings__navigation) {
 		min-width: 200px;
 		margin-right: calc(4 * var(--default-grid-baseline));
 		overflow-x: hidden;
 		overflow-y: auto;
 		position: relative;
 	}
-	:deep &__content {
+
+	:deep(.app-settings__content) {
 		box-sizing: border-box;
 		padding-inline: calc(4 * var(--default-grid-baseline));
+
+		&.app-settings__non-legacy * {
+			box-sizing: border-box;
+		}
 	}
 }