diff --git a/ui/src/main.tsx b/ui/src/main.tsx
index 79ca6717..88ee10a2 100644
--- a/ui/src/main.tsx
+++ b/ui/src/main.tsx
@@ -40,6 +40,7 @@ const SettingsKeyboardRoute = lazy(() => import("@routes/devices.$id.settings.ke
 const SettingsAdvancedRoute = lazy(() => import("@routes/devices.$id.settings.advanced"));
 const SettingsHardwareRoute = lazy(() => import("@routes/devices.$id.settings.hardware"));
 const SettingsVideoRoute = lazy(() => import("@routes/devices.$id.settings.video"));
+const SettingsAudioRoute = lazy(() => import("@routes/devices.$id.settings.audio"));
 const SettingsAppearanceRoute = lazy(() => import("@routes/devices.$id.settings.appearance"));
 const SettingsGeneralIndexRoute = lazy(() => import("@routes/devices.$id.settings.general._index"));
 const SettingsGeneralRebootRoute = lazy(() => import("@routes/devices.$id.settings.general.reboot"));
@@ -190,6 +191,10 @@ if (isOnDevice) {
               path: "video",
               element: <SettingsVideoRoute />,
             },
+            {
+              path: "audio",
+              element: <SettingsAudioRoute />,
+            },
             {
               path: "appearance",
               element: <SettingsAppearanceRoute />,
@@ -323,6 +328,10 @@ if (isOnDevice) {
                       path: "video",
                       element: <SettingsVideoRoute />,
                     },
+                    {
+                      path: "audio",
+                      element: <SettingsAudioRoute />,
+                    },
                     {
                       path: "appearance",
                       element: <SettingsAppearanceRoute />,