diff --git a/src/components/side-menu/side-menu.component.ts b/src/components/side-menu/side-menu.component.ts
index 50a27cc6..ea936175 100644
--- a/src/components/side-menu/side-menu.component.ts
+++ b/src/components/side-menu/side-menu.component.ts
@@ -39,8 +39,15 @@ export class SideMenuComponent {
             addon: 'active'
         };
 
-        this.keymaps$ = store.let(getKeymapEntities());
-        this.macros$ = store.let(getMacroEntities());
+        this.keymaps$ = store.let(getKeymapEntities())
+            .map((keymaps: Keymap[]) => {
+                return keymaps.sort((first: Keymap, second: Keymap) => first.name.localeCompare(second.name));
+            });
+
+        this.macros$ = store.let(getMacroEntities())
+            .map((macros: Macro[]) => {
+                return macros.sort((first: Macro, second: Macro) => first.name.localeCompare(second.name));
+            });
     }
 
     toggleHide(event: Event, type: string) {