diff --git a/web/sidebar/left-layout-aside.react.js b/web/sidebar/left-layout-aside.react.js
index 790c7ba9c..c81460dda 100644
--- a/web/sidebar/left-layout-aside.react.js
+++ b/web/sidebar/left-layout-aside.react.js
@@ -1,18 +1,27 @@
 // @flow
 
 import * as React from 'react';
 
+import { useSelector } from '../redux/redux-utils';
 import AppSwitcher from './app-switcher.react';
 import CommunityPicker from './community-picker.react';
 import css from './left-layout-aside.css';
+import SettingsSwitcher from './settings-switcher.react';
 
 function LeftLayoutAside(): React.Node {
+  const navInfo = useSelector(state => state.navInfo);
+  const navigationPanel = React.useMemo(() => {
+    if (navInfo.tab === 'settings') {
+      return <SettingsSwitcher />;
+    }
+    return <AppSwitcher />;
+  }, [navInfo.tab]);
   return (
     <aside className={css.container}>
       <CommunityPicker />
-      <AppSwitcher />
+      {navigationPanel}
     </aside>
   );
 }
 
 export default LeftLayoutAside;