diff --git a/web/src/pages/Settings.tsx b/web/src/pages/Settings.tsx
index cd723bf4c..dfdd01880 100644
--- a/web/src/pages/Settings.tsx
+++ b/web/src/pages/Settings.tsx
@@ -29,11 +29,11 @@ import { ZoneMaskFilterButton } from "@/components/filter/ZoneMaskFilter";
 import { PolygonType } from "@/types/canvas";
 import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
 import scrollIntoView from "scroll-into-view-if-needed";
-import Authentication from "@/components/settings/Authentication";
 import GeneralSettingsView from "@/views/settings/GeneralSettingsVIew";
 import ObjectSettingsView from "@/views/settings/ObjectSettingsView";
 import MotionTunerView from "@/views/settings/MotionTunerView";
 import MasksAndZonesView from "@/views/settings/MasksAndZonesView";
+import AuthenticationView from "@/views/settings/AuthenticationView";
 
 export default function Settings() {
   const settingsViews = [
@@ -173,7 +173,7 @@ export default function Settings() {
             setUnsavedChanges={setUnsavedChanges}
           />
         )}
-        {page == "users" && <Authentication />}
+        {page == "users" && <AuthenticationView />}
       </div>
       {confirmationDialogOpen && (
         <AlertDialog
diff --git a/web/src/components/settings/Authentication.tsx b/web/src/views/settings/AuthenticationView.tsx
similarity index 92%
rename from web/src/components/settings/Authentication.tsx
rename to web/src/views/settings/AuthenticationView.tsx
index 0d28957fc..64fe9dc5b 100644
--- a/web/src/components/settings/Authentication.tsx
+++ b/web/src/views/settings/AuthenticationView.tsx
@@ -3,20 +3,20 @@ import ActivityIndicator from "@/components/indicators/activity-indicator";
 import { FrigateConfig } from "@/types/frigateConfig";
 import { Toaster } from "@/components/ui/sonner";
 import useSWR from "swr";
-import Heading from "../ui/heading";
+import Heading from "@/components/ui/heading";
 import { User } from "@/types/user";
-import { Button } from "../ui/button";
-import SetPasswordDialog from "../overlay/SetPasswordDialog";
+import { Button } from "@/components/ui/button";
+import SetPasswordDialog from "@/components/overlay/SetPasswordDialog";
 import axios from "axios";
-import CreateUserDialog from "../overlay/CreateUserDialog";
+import CreateUserDialog from "@/components/overlay/CreateUserDialog";
 import { toast } from "sonner";
-import DeleteUserDialog from "../overlay/DeleteUserDialog";
-import { Card } from "../ui/card";
+import DeleteUserDialog from "@/components/overlay/DeleteUserDialog";
+import { Card } from "@/components/ui/card";
 import { HiTrash } from "react-icons/hi";
 import { FaUserEdit } from "react-icons/fa";
 import { LuPlus } from "react-icons/lu";
 
-export default function Authentication() {
+export default function AuthenticationView() {
   const { data: config } = useSWR<FrigateConfig>("config");
   const { data: users, mutate: mutateUsers } = useSWR<User[]>("users");