diff --git a/app/(admin)/actions.ts b/app/(admin)/actions.ts
new file mode 100644
index 0000000..0cdc757
--- /dev/null
+++ b/app/(admin)/actions.ts
@@ -0,0 +1,10 @@
+"use server";
+
+import { redirect } from "next/navigation";
+
+import { signOut } from "@/auth";
+
+export async function logoutAction() {
+  await signOut({ redirect: false });
+  redirect("/login");
+}
diff --git a/app/(admin)/layout.tsx b/app/(admin)/layout.tsx
index b8b2581..8e59100 100644
--- a/app/(admin)/layout.tsx
+++ b/app/(admin)/layout.tsx
@@ -8,9 +8,11 @@ import {
   LogOut,
 } from "lucide-react";
 
-import { auth, signOut } from "@/auth";
+import { auth } from "@/auth";
 import { Button } from "@/components/ui/button";
 
+import { logoutAction } from "./actions";
+
 const navItems = [
   { href: "/", label: "대시보드", icon: LayoutDashboard },
   { href: "/maestros", label: "마에스트로", icon: GraduationCap },
@@ -63,14 +65,7 @@ export default async function AdminLayout({
               관리자 ID {session.user.adminID}
             </p>
           </div>
-          <form
-            action={async () => {
-              "use server";
-
-              await signOut({ redirect: false });
-              redirect("/login");
-            }}
-          >
+          <form action={logoutAction}>
             <Button size="sm" type="submit" variant="outline">
               <LogOut className="size-4" aria-hidden="true" />
               로그아웃