diff --git a/public/v1/js/ff/firefly.js b/public/v1/js/ff/firefly.js
index 846971fb5b..1df2ab15ce 100644
--- a/public/v1/js/ff/firefly.js
+++ b/public/v1/js/ff/firefly.js
@@ -56,6 +56,22 @@ $(function () {
         return false;
     });
 
+    // save sidebar collapsed state when page loads.
+    $(document).on('click', '[data-toggle="push-menu"]', function () {
+        setTimeout(function () {
+            try {
+                if (window.localStorage) {
+                    localStorage.setItem(
+                        'ff3_sidebar_collapsed',
+                        $('body').hasClass('sidebar-collapse') ? '1' : '0'
+                    );
+                }
+            } catch (e) {}
+        }, 0);
+    });
+
+
+
     // on submit of form, disable any button in form:
     $('form.form-horizontal:not(.nodisablebutton)').on('submit', function () {
         $('button[type="submit"]').prop('disabled', true);
diff --git a/resources/views/layout/default.twig b/resources/views/layout/default.twig
index 6a69ccbf9b..a9ca7154f1 100644
--- a/resources/views/layout/default.twig
+++ b/resources/views/layout/default.twig
@@ -94,6 +94,16 @@
 
 </head>
 <body class="skin-firefly-iii sidebar-mini hold-transition">
+<script type="text/javascript" nonce="{{ JS_NONCE }}">
+    // get sidebar collapsed state from localStorage before the rest of the page renders
+    (function () {
+        try {
+            if (localStorage.getItem('ff3_sidebar_collapsed') === '1') {
+                document.body.classList.add('sidebar-collapse');
+            }
+        } catch (_) {}
+    })();
+</script>
 <div class="wrapper" id="app">
 
     <header class="main-header">
