diff --git a/frontend/src/components/ChannelTopBar.svelte b/frontend/src/components/ChannelTopBar.svelte
index 6f4e892..675acdf 100644
--- a/frontend/src/components/ChannelTopBar.svelte
+++ b/frontend/src/components/ChannelTopBar.svelte
@@ -1,5 +1,6 @@
 <script>
     import { HashIcon, MenuIcon } from "svelte-feather-icons";
+    import { getItem } from "../storage";
     import { overlayStore, showSidebar } from "../stores";
 
     export let channel;
@@ -12,8 +13,8 @@
 </style>
 
 <div class="top-bar">
-    {#if !$showSidebar}
-        <button class="icon-button menu-button" on:click="{ () => showSidebar.set(true) }">
+    {#if !$showSidebar || getItem("ui:showSidebarToggle")}
+        <button class="icon-button menu-button" on:click="{ () => showSidebar.set(!showSidebar.value) }">
             <MenuIcon />
         </button>
     {/if}
diff --git a/frontend/src/storage.js b/frontend/src/storage.js
index 56d77ba..db5dd6d 100644
--- a/frontend/src/storage.js
+++ b/frontend/src/storage.js
@@ -7,7 +7,8 @@ const defaults = {
     "state:openChannelId": -1,
     "log:Gateway": false,
     "log:Store": false,
-    "ui:stateful:presistSelectedChannel": true
+    "ui:stateful:presistSelectedChannel": true,
+    "ui:showSidebarToggle": false
 };
 const store = new Map(Object.entries(defaults));
 const persistentProvider = localStorage;