diff --git a/web/sidebar/left-layout-aside.css b/web/sidebar/left-layout-aside.css
--- a/web/sidebar/left-layout-aside.css
+++ b/web/sidebar/left-layout-aside.css
@@ -6,7 +6,7 @@
   display: flex;
 }
 
-.appSwitcherContainer {
+.navigationPanelContainer {
   width: 160px;
 }
 
diff --git a/web/sidebar/left-layout-aside.react.js b/web/sidebar/left-layout-aside.react.js
--- a/web/sidebar/left-layout-aside.react.js
+++ b/web/sidebar/left-layout-aside.react.js
@@ -2,15 +2,15 @@
 
 import * as React from 'react';
 
-import AppSwitcher from './app-switcher.react';
 import CommunityPicker from './community-picker.react';
 import css from './left-layout-aside.css';
+import NavigationPanel from './navigation-panel.react';
 
 function LeftLayoutAside(): React.Node {
   return (
     <aside className={css.container}>
       <CommunityPicker />
-      <AppSwitcher />
+      <NavigationPanel />
     </aside>
   );
 }
diff --git a/web/sidebar/app-switcher.css b/web/sidebar/navigation-panel.css
rename from web/sidebar/app-switcher.css
rename to web/sidebar/navigation-panel.css
diff --git a/web/sidebar/app-switcher.react.js b/web/sidebar/navigation-panel.react.js
rename from web/sidebar/app-switcher.react.js
rename to web/sidebar/navigation-panel.react.js
--- a/web/sidebar/app-switcher.react.js
+++ b/web/sidebar/navigation-panel.react.js
@@ -15,7 +15,7 @@
 import { updateNavInfoActionType } from '../types/nav-types';
 import css from './left-layout-aside.css';
 
-function AppSwitcher(): React.Node {
+function NavigationPanel(): React.Node {
   const activeChatThreadID = useSelector(
     state => state.navInfo.activeChatThreadID,
   );
@@ -112,7 +112,7 @@
   }, [isCalendarEnabled, navInfo.tab, onClickCalendar]);
 
   return (
-    <div className={css.appSwitcherContainer}>
+    <div className={css.navigationPanelContainer}>
       <ul>
         <li>
           <p className={chatNavClasses}>
@@ -135,4 +135,4 @@
   );
 }
 
-export default AppSwitcher;
+export default NavigationPanel;