diff --git a/src/public/javascripts/services/mobile.js b/src/public/javascripts/services/mobile.js
index bde1bdbcc..f4a8fd091 100644
--- a/src/public/javascripts/services/mobile.js
+++ b/src/public/javascripts/services/mobile.js
@@ -30,6 +30,8 @@ async function showTree() {
             const node = data.node;
             const noteId = node.data.noteId;
 
+            treeService.clearSelectedNodes();
+
             treeService.setCurrentNotePathToHash(node);
             togglePanes();
 
diff --git a/src/public/stylesheets/mobile.css b/src/public/stylesheets/mobile.css
index ebe3212da..a7b4b7d8a 100644
--- a/src/public/stylesheets/mobile.css
+++ b/src/public/stylesheets/mobile.css
@@ -70,17 +70,23 @@ html, body {
 
 .fancytree-node .fancytree-expander:before {
     font-family: 'jam-icons' !important;
-    speak:none;font-style:normal;
-    font-weight:normal;
-    font-variant:normal;
-    text-transform:none;
-    line-height:1;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
     font-size: 2em;
     padding-left: 5px;
     padding-right: 5px;
     content: "\e9bc";
 }
 
+/* this is done to preserve correct indentation. Better solution would be preferable */
+.fancytree-node:not(.fancytree-folder) .fancytree-expander:before {
+    color: white;
+}
+
 .fancytree-node.fancytree-expanded .fancytree-expander:before {
     content: "\e9ba";
 }
diff --git a/src/views/mobile.ejs b/src/views/mobile.ejs
index acdbd5297..8406fe269 100644
--- a/src/views/mobile.ejs
+++ b/src/views/mobile.ejs
@@ -67,6 +67,8 @@
 <link href="stylesheets/style.css" rel="stylesheet">
 <link href="stylesheets/mobile.css" rel="stylesheet">
 
+<script src="libraries/bootstrap-notify.min.js"></script>
+
 <link rel="stylesheet" type="text/css" href="libraries/jam/css/jam.min.css">
 </body>
 </html>
\ No newline at end of file