diff --git a/src/public/javascripts/mobile.js b/src/public/javascripts/mobile.js
index 4dc7d5eda..119ac5ab0 100644
--- a/src/public/javascripts/mobile.js
+++ b/src/public/javascripts/mobile.js
@@ -23,6 +23,8 @@ function togglePanes() {
 
 $closeDetailButton.click(togglePanes);
 
+let firstLoad = true;
+
 async function showTree() {
     const tree = await treeService.loadTree();
 
@@ -39,7 +41,13 @@ async function showTree() {
             treeService.clearSelectedNodes();
 
             treeService.setCurrentNotePathToHash(node);
-            togglePanes();
+
+            if (!firstLoad) {
+                togglePanes();
+            }
+            else {
+                firstLoad = false;
+            }
 
             noteDetailService.switchToNote(noteId, true);
         },
diff --git a/src/public/stylesheets/mobile.css b/src/public/stylesheets/mobile.css
index f0cd078b8..20abe583e 100644
--- a/src/public/stylesheets/mobile.css
+++ b/src/public/stylesheets/mobile.css
@@ -45,12 +45,14 @@ html, body {
     overflow: auto;
     flex-direction: column;
     height: 100%;
-    padding-left: 10px;
+    /* large left padding is necessary for ckeditor gutter in detail-only (smartphone) layout */
+    padding-left: 35px;
 }
 
 #note-title-row {
     display: flex;
     padding-right: 10px;
+    padding-left: 10px;
 }
 
 .action-button {