diff --git a/apps/common/mobile/resources/less/common.less b/apps/common/mobile/resources/less/common.less
index 880c93eda..a17ea2950 100644
--- a/apps/common/mobile/resources/less/common.less
+++ b/apps/common/mobile/resources/less/common.less
@@ -1088,16 +1088,6 @@ input[type="number"]::-webkit-inner-spin-button {
     border: 0.5px solid @background-menu-divider;
 }
 
-// Navigation list 
-
-.list.navigation-list {
-    overflow-y: auto;
-    height: 265px;
-    .item-title {
-        color: @text-normal;
-    }
-}
-
 // Sharing Settings
 
 .sharing-placeholder {
diff --git a/apps/documenteditor/mobile/src/less/app.less b/apps/documenteditor/mobile/src/less/app.less
index 29da1b3da..dbf4e46fe 100644
--- a/apps/documenteditor/mobile/src/less/app.less
+++ b/apps/documenteditor/mobile/src/less/app.less
@@ -219,18 +219,37 @@
 
 .sheet-modal.navigation-sheet {
     box-shadow: 0px -2px 20px rgba(0, 0, 0, 0.2);
-    overflow: hidden;
     .sheet-modal-inner {
         background: @background-tertiary;
-        overflow: hidden;
+        overflow-y: auto;
+    }
+    .swipe-container {
+        position: fixed;
+        top: 0;
+        width: 100%;
+        z-index: 1000;
     }
     &.sheet-modal-bottom:before, &.sheet-modal:not(.sheet-modal-top):before {
         display: none;
     }
 }
 
-.navigation-list {
-    margin: 0;
+.list.navigation-list {
+    margin-top: 72px;
+    .item-title {
+        color: @text-normal;
+    }
+}
+
+.navigation-sheet {
+    &__title {
+        position: fixed;
+        left: 0;
+        width: 100%;
+        z-index: 100;
+        top: 40px;
+        z-index: 1000;
+    }
 }
 
 // Picker
diff --git a/apps/documenteditor/mobile/src/view/settings/Navigation.jsx b/apps/documenteditor/mobile/src/view/settings/Navigation.jsx
index c006e3062..ec6226e60 100644
--- a/apps/documenteditor/mobile/src/view/settings/Navigation.jsx
+++ b/apps/documenteditor/mobile/src/view/settings/Navigation.jsx
@@ -29,7 +29,7 @@ const NavigationPopover = inject('storeNavigation')(observer(props => {
                         <p className="empty-screens__text">{t('Settings.textEmptyScreens')}</p>
                     </div>
                 :
-                    <List className="navigation-list" style={!Device.phone ? { height: '352px' } : null}>
+                    <List className="navigation-list" style={!Device.phone ? { height: '352px', marginTop: 0 } : null}>
                         {arrHeaders.map((header, index) => {
                             return (
                                 <ListItem radio key={index} title={header.isEmptyItem ? t('Settings.textBeginningDocument') : header.name} checked={header.index === currentPosition} style={{paddingLeft: header.level * 16}} onClick={() => {