fixed sidebar with

src/app/app.component.html

@@ -1,6 +1,6 @@
 <ion-app>
   <ion-split-pane when="sm">
-    <ion-menu>
+    <ion-menu class="sidebar">
       <ion-header>
         <ion-toolbar color="primary">
           <ion-title>Menu</ion-title>
@@ -14,17 +14,17 @@
           </ion-list-header>
 
           <tree-root [nodes]="nodes" [options]="options"></tree-root>
-
-          <ion-item lines="full">
-            <ion-icon slot="start" name="moon"></ion-icon>
-            <ion-label>
-              Toggle Dark Theme
-            </ion-label>
-            <ion-toggle id="themeToggle" slot="end"></ion-toggle>
-          </ion-item>
-
         </ion-list>
       </ion-content>
+      <ion-footer>
+        <ion-item slot="end" lines="full">
+          <ion-icon slot="start" name="moon"></ion-icon>
+          <ion-label>
+            Dark mode
+          </ion-label>
+          <ion-toggle id="themeToggle" slot="end"></ion-toggle>
+        </ion-item>
+      </ion-footer>
     </ion-menu>
 
     <div class="ion-page" main>

src/app/app.component.scss

@@ -0,0 +1,3 @@
+.sidebar {
+  max-width: 20em !important;
+}