diff --git a/src/public/stylesheets/mobile.css b/src/public/stylesheets/mobile.css
index 99db6eb38..74b6d7353 100644
--- a/src/public/stylesheets/mobile.css
+++ b/src/public/stylesheets/mobile.css
@@ -25,7 +25,6 @@ html, body {
 #tree {
     font-size: larger;
     width: 100%;
-    height: 100%;
     overflow: auto;
 }
 
diff --git a/src/views/index.ejs b/src/views/index.ejs
index a074bfd01..b53567439 100644
--- a/src/views/index.ejs
+++ b/src/views/index.ejs
@@ -5,7 +5,7 @@
     <title>Trilium Notes</title>
 </head>
 <body class="desktop">
-<div id="container" style="display:none; grid-template-columns: minmax(<%= leftPaneMinWidth %>px, <%= leftPaneWidthPercent %>fr) <%= rightPaneWidthPercent %>fr">
+<div id="container" style="display: none; grid-template-columns: minmax(<%= leftPaneMinWidth %>px, <%= leftPaneWidthPercent %>fr) <%= rightPaneWidthPercent %>fr">
     <div id="header" class="hide-toggle">
         <div id="history-navigation" style="display: none;">
             <a id="history-back-button" title="Go to previous note." class="icon-action jam jam-arrow-square-left"></a>
diff --git a/src/views/mobile.ejs b/src/views/mobile.ejs
index bedd04908..0088b6a14 100644
--- a/src/views/mobile.ejs
+++ b/src/views/mobile.ejs
@@ -5,9 +5,9 @@
     <title>Trilium Notes</title>
 </head>
 <body class="mobile">
-<div class="row" id="container-row">
+<div class="row" id="container-row" style="display: none;">
 
-    <div id="left-pane" class="d-sm-block d-md-block d-lg-block d-xl-block col-12 col-sm-5 col-md-4 col-lg-4 col-xl-4">
+    <div id="left-pane" class="d-sm-flex d-md-flex d-lg-flex d-xl-flex col-12 col-sm-5 col-md-4 col-lg-4 col-xl-4">
         <div id="global-buttons">
             <a id="create-top-level-note-button" title="Create new top level note" class="icon-action jam jam-plus-circle"></a>
 
@@ -81,5 +81,11 @@
 <script src="libraries/bootstrap-notify.min.js"></script>
 
 <link rel="stylesheet" type="text/css" href="libraries/jam/css/jam.min.css">
+
+<script type="text/javascript">
+    // we hide container initally because otherwise it is rendered first without CSS and then flickers into
+    // final form which is pretty ugly.
+    $("#container-row").show();
+</script>
 </body>
 </html>
\ No newline at end of file
