diff --git a/pages/settings/security.tsx b/pages/settings/security.tsx
index f221d628..2c0ffe5a 100644
--- a/pages/settings/security.tsx
+++ b/pages/settings/security.tsx
@@ -1,22 +1,14 @@
-import { getSession, useSession } from "next-auth/client";
 import React from "react";
 
+import { getSession } from "@lib/auth";
 import prisma from "@lib/prisma";
 
-import Loader from "@components/Loader";
 import SettingsShell from "@components/SettingsShell";
 import Shell from "@components/Shell";
 import ChangePasswordSection from "@components/security/ChangePasswordSection";
 import TwoFactorAuthSection from "@components/security/TwoFactorAuthSection";
 
 export default function Security({ user }) {
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const [session, loading] = useSession();
-
-  if (loading) {
-    return <Loader />;
-  }
-
   return (
     <Shell heading="Security" subtitle="Manage your account's security.">
       <SettingsShell>
@@ -29,13 +21,13 @@ export default function Security({ user }) {
 
 export async function getServerSideProps(context) {
   const session = await getSession(context);
-  if (!session) {
+  if (!session?.user?.id) {
     return { redirect: { permanent: false, destination: "/auth/login" } };
   }
 
   const user = await prisma.user.findFirst({
     where: {
-      email: session.user.email,
+      id: session.user.id,
     },
     select: {
       id: true,