diff --git a/src/frontend/src/features/auth/index.ts b/src/frontend/src/features/auth/index.ts
index 4d2344cf..d298a6cb 100644
--- a/src/frontend/src/features/auth/index.ts
+++ b/src/frontend/src/features/auth/index.ts
@@ -1,2 +1,3 @@
 export { useUser } from './api/useUser'
 export { authUrl } from './utils/authUrl'
+export { logoutUrl } from './utils/logoutUrl'
diff --git a/src/frontend/src/features/auth/utils/logoutUrl.ts b/src/frontend/src/features/auth/utils/logoutUrl.ts
new file mode 100644
index 00000000..6fa09fb7
--- /dev/null
+++ b/src/frontend/src/features/auth/utils/logoutUrl.ts
@@ -0,0 +1,5 @@
+import { apiUrl } from '@/api/apiUrl'
+
+export const logoutUrl = () => {
+  return apiUrl('/logout')
+}
diff --git a/src/frontend/src/layout/Header.tsx b/src/frontend/src/layout/Header.tsx
index 09b65e38..7ea8ab5d 100644
--- a/src/frontend/src/layout/Header.tsx
+++ b/src/frontend/src/layout/Header.tsx
@@ -1,8 +1,7 @@
 import { css } from '@/styled-system/css'
 import { flex } from '@/styled-system/patterns'
-import { apiUrl } from '@/api/apiUrl'
 import { A, Badge, Text } from '@/primitives'
-import { authUrl, useUser } from '@/features/auth'
+import { authUrl, logoutUrl, useUser } from '@/features/auth'
 
 export const Header = () => {
   const { user, isLoggedIn } = useUser()
@@ -35,7 +34,7 @@ export const Header = () => {
           {!!user && (
             <p className={flex({ gap: 1, align: 'center' })}>
               <Badge>{user.email}</Badge>
-              <A href={apiUrl('/logout')} size="small">
+              <A href={logoutUrl()} size="small">
                 Logout
               </A>
             </p>