diff --git a/src/components/NcAppNavigation/NcAppNavigation.vue b/src/components/NcAppNavigation/NcAppNavigation.vue
index 2ca777abb9..386863f1a9 100644
--- a/src/components/NcAppNavigation/NcAppNavigation.vue
+++ b/src/components/NcAppNavigation/NcAppNavigation.vue
@@ -64,11 +64,7 @@ emit('toggle-navigation', {
class="app-navigation__content"
:inert="!open || undefined"
@keydown.esc="handleEsc">
-
-
-
-
-
+
@@ -259,17 +255,6 @@ export default {
position: absolute;
}
- &__body {
- position: relative;
- height: 100%;
- width: 100%;
- overflow-x: hidden;
- overflow-y: auto;
- box-sizing: border-box;
- display: flex;
- flex-direction: column;
- }
-
&__content > ul,
&__list {
position: relative;
diff --git a/src/components/NcAppNavigationList/NcAppNavigationList.vue b/src/components/NcAppNavigationList/NcAppNavigationList.vue
index d6a673b869..b963eaf610 100644
--- a/src/components/NcAppNavigationList/NcAppNavigationList.vue
+++ b/src/components/NcAppNavigationList/NcAppNavigationList.vue
@@ -63,11 +63,17 @@ ul.app-navigation-list { // Increase specificity over NcAppNavigation styles
position: relative;
height: fit-content;
width: 100%;
- overflow: visible;
+ overflow: unset;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: var(--default-grid-baseline, 4px);
padding: var(--app-navigation-padding);
+
+ &:nth-last-of-type(2) {
+ // Fill remaining space before NcAppNavigation footer
+ height: 100%;
+ overflow: auto;
+ }
}