From d40e0030e1161837841d25767375258ab1c32ba7 Mon Sep 17 00:00:00 2001
From: Peter Ringelmann <peter.ringelmann@nextcloud.com>
Date: Tue, 19 May 2026 17:27:26 +0200
Subject: [PATCH] fix(NcSettingsSection): clear NcAppNavigation toggle overhang

Signed-off-by: Peter Ringelmann <peter.ringelmann@nextcloud.com>
---
 src/components/NcSettingsSection/NcSettingsSection.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/NcSettingsSection/NcSettingsSection.vue b/src/components/NcSettingsSection/NcSettingsSection.vue
index e1a0fad48d..7aad3dd46b 100644
--- a/src/components/NcSettingsSection/NcSettingsSection.vue
+++ b/src/components/NcSettingsSection/NcSettingsSection.vue
@@ -108,12 +108,18 @@ const ariaLabel = t('External documentation')
 <style lang="scss" scoped>
 $maxWidth: 900px;
 $sectionMargin: calc(var(--default-grid-baseline) * 7);
+// Clear the NcAppNavigation toggle overhang on the inline-start edge.
+$sectionMarginStart: max(
+	#{$sectionMargin},
+	calc(var(--app-navigation-padding) + var(--default-clickable-area) + var(--default-grid-baseline) * 2)
+);
 
 .settings-section {
 	display: block;
 	padding: 0 0 calc(var(--default-grid-baseline) * 5) 0;
 	margin: $sectionMargin;
-	width: min($maxWidth, 100% - calc($sectionMargin * 2));
+	margin-inline-start: $sectionMarginStart;
+	width: min($maxWidth, 100% - #{$sectionMarginStart} - $sectionMargin);
 
 	&:not(:last-child) {
 		border-bottom: 1px solid var(--color-border);