diff --git a/web/app.react.js b/web/app.react.js
--- a/web/app.react.js
+++ b/web/app.react.js
@@ -39,6 +39,8 @@
 import LoadingIndicator from './loading-indicator.react';
 import { MenuProvider } from './menu-provider.react';
 import UpdateModalHandler from './modals/update-modal.react';
+import SettingsSwitcher from './navigation-panels/settings-switcher.react';
+import Topbar from './navigation-panels/topbar.react';
 import { updateNavInfoActionType } from './redux/action-types';
 import DeviceIDUpdater from './redux/device-id-updater';
 import DisconnectedBar from './redux/disconnected-bar';
@@ -51,12 +53,10 @@
 import AccountSettings from './settings/account-settings.react';
 import DangerZone from './settings/danger-zone.react';
 import CommunityPicker from './sidebar/community-picker.react';
-import SettingsSwitcher from './sidebar/settings-switcher.react';
 import Splash from './splash/splash.react';
 import './typography.css';
 import css from './style.css';
 import getTitle from './title/getTitle';
-import Topbar from './topbar/topbar.react';
 import { type NavInfo } from './types/nav-types';
 import { canonicalURLFromReduxState, navInfoFromURL } from './url-utils';
 import { WagmiENSCacheProvider, wagmiClient } from './utils/wagmi-utils';
diff --git a/web/topbar/app-switcher.react.js b/web/navigation-panels/app-switcher.react.js
rename from web/topbar/app-switcher.react.js
rename to web/navigation-panels/app-switcher.react.js
--- a/web/topbar/app-switcher.react.js
+++ b/web/navigation-panels/app-switcher.react.js
@@ -11,8 +11,8 @@
 import { updateNavInfoActionType } from '../redux/action-types';
 import { useSelector } from '../redux/redux-utils';
 import { navTabSelector } from '../selectors/nav-selectors.js';
-import NavigationPanel from '../sidebar/navigation-panel.react';
 import SWMansionIcon from '../SWMansionIcon.react';
+import NavigationPanel from './navigation-panel.react';
 import css from './topbar.css';
 
 function AppSwitcher(): React.Node {
diff --git a/web/sidebar/navigation-panel.react.js b/web/navigation-panels/navigation-panel.react.js
rename from web/sidebar/navigation-panel.react.js
rename to web/navigation-panels/navigation-panel.react.js
--- a/web/sidebar/navigation-panel.react.js
+++ b/web/navigation-panels/navigation-panel.react.js
@@ -5,8 +5,8 @@
 
 import type { AppState } from '../redux/redux-setup.js';
 import { useSelector } from '../redux/redux-utils';
-import horizontalCSS from '../topbar/topbar.css';
-import verticalCSS from './left-layout-aside.css';
+import verticalCSS from './settings-switcher.css';
+import horizontalCSS from './topbar.css';
 
 type NavigationPanelItemProps = {
   +tab: string,
diff --git a/web/sidebar/left-layout-aside.css b/web/navigation-panels/settings-switcher.css
rename from web/sidebar/left-layout-aside.css
rename to web/navigation-panels/settings-switcher.css
diff --git a/web/sidebar/settings-switcher.react.js b/web/navigation-panels/settings-switcher.react.js
rename from web/sidebar/settings-switcher.react.js
rename to web/navigation-panels/settings-switcher.react.js
--- a/web/sidebar/settings-switcher.react.js
+++ b/web/navigation-panels/settings-switcher.react.js
@@ -5,8 +5,8 @@
 
 import { updateNavInfoActionType } from '../redux/action-types';
 import { navSettingsSectionSelector } from '../selectors/nav-selectors.js';
-import css from './left-layout-aside.css';
 import NavigationPanel from './navigation-panel.react';
+import css from './settings-switcher.css';
 
 function SettingsSwitcher(): React.Node {
   const dispatch = useDispatch();
diff --git a/web/topbar/topbar.css b/web/navigation-panels/topbar.css
rename from web/topbar/topbar.css
rename to web/navigation-panels/topbar.css
diff --git a/web/topbar/topbar.react.js b/web/navigation-panels/topbar.react.js
rename from web/topbar/topbar.react.js
rename to web/navigation-panels/topbar.react.js