diff --git a/frontend/app/Navigation.tsx b/frontend/app/Navigation.tsx
index a12bfbcf..08052190 100644
--- a/frontend/app/Navigation.tsx
+++ b/frontend/app/Navigation.tsx
@@ -1,5 +1,6 @@
 import Link from 'next/link';
-import { auth, signOut } from '../auth';
+import { auth } from '../auth';
+import { signOutAction } from './actions/auth-actions';
 
 const linkStyle: React.CSSProperties = {
   padding: '0.5rem 0.75rem',
@@ -41,12 +42,7 @@ export default async function Navigation() {
           <span style={{ fontSize: '0.9rem', color: '#555' }}>
             👤 {session.user.name}
           </span>
-          <form
-            action={async () => {
-              'use server';
-              await signOut({ redirectTo: '/login' });
-            }}
-          >
+          <form action={signOutAction}>
             <button
               type="submit"
               style={{
diff --git a/frontend/app/actions/auth-actions.ts b/frontend/app/actions/auth-actions.ts
new file mode 100644
index 00000000..960f1c82
--- /dev/null
+++ b/frontend/app/actions/auth-actions.ts
@@ -0,0 +1,7 @@
+'use server';
+
+import { signOut } from '../../auth';
+
+export async function signOutAction() {
+  await signOut({ redirectTo: '/login' });
+}
diff --git a/frontend/lib/auth-headers.ts b/frontend/lib/auth-headers.ts
index e5318fa5..87fb7cf7 100644
--- a/frontend/lib/auth-headers.ts
+++ b/frontend/lib/auth-headers.ts
@@ -1,4 +1,4 @@
-import { auth } from '../../auth';
+import { auth } from '../auth';
 
 /**
  * Returnerar Authorization-header med JWT från sessionen.