diff --git a/src/App.js b/src/App.js
index 183b7cc0b..b7733ffb7 100644
--- a/src/App.js
+++ b/src/App.js
@@ -11,7 +11,6 @@ import MobileNav from './components/mobile_nav/mobile_nav.vue'
 import MobilePostStatusButton from './components/mobile_post_status_button/mobile_post_status_button.vue'
 import NavPanel from './components/nav_panel/nav_panel.vue'
 import PostStatusModal from './components/post_status_modal/post_status_modal.vue'
-import SideDrawer from './components/side_drawer/side_drawer.vue'
 import UserPanel from './components/user_panel/user_panel.vue'
 import UserReportingModal from './components/user_reporting_modal/user_reporting_modal.vue'
 import WhoToFollowPanel from './components/who_to_follow_panel/who_to_follow_panel.vue'
@@ -47,7 +46,6 @@ export default {
       () => import('src/components/shout_panel/shout_panel.vue'),
     ),
     MediaModal,
-    SideDrawer,
     MobilePostStatusButton,
     MobileNav,
     DesktopNav,
diff --git a/src/components/mobile_nav/mobile_nav.js b/src/components/mobile_nav/mobile_nav.js
index fc77b0b12..41cc4f457 100644
--- a/src/components/mobile_nav/mobile_nav.js
+++ b/src/components/mobile_nav/mobile_nav.js
@@ -3,7 +3,6 @@ import { defineAsyncComponent } from 'vue'
 import { mapGetters } from 'vuex'
 
 import NavigationPins from 'src/components/navigation/navigation_pins.vue'
-import SideDrawer from 'src/components/side_drawer/side_drawer.vue'
 import GestureService from '../../services/gesture_service/gesture_service'
 import {
   countExtraNotifications,
@@ -28,7 +27,9 @@ library.add(faTimes, faBell, faBars, faArrowUp, faMinus, faCheckDouble)
 
 const MobileNav = {
   components: {
-    SideDrawer,
+    SideDrawer: defineAsyncComponent(
+      () => import('src/components/side_drawer/side_drawer.vue'),
+    ),
     Notifications: defineAsyncComponent(
       () => import('src/components/notifications/notifications.vue'),
     ),