diff --git a/server.js b/server.js
index 3b0bdab5..37205397 100644
--- a/server.js
+++ b/server.js
@@ -247,35 +247,35 @@ app.get('/api/userProfile/:principalName/team', tokenVerificationMiddleware, asy
 
 app.get('/api/teamDetail/:teamUniformName', tokenVerificationMiddleware, async (req, res, next) => {
   try {
-    const token = req.token;
-    const teamUniformName = req.params.teamUniformName;
-    const teamInfoUrl = `${DAPLA_TEAM_API_URL}/teams/${teamUniformName}`;
-    const teamUsersUrl = `${DAPLA_TEAM_API_URL}/teams/${teamUniformName}/users`;
+    const token = req.token
+    const teamUniformName = req.params.teamUniformName
+    const teamInfoUrl = `${DAPLA_TEAM_API_URL}/teams/${teamUniformName}`
+    const teamUsersUrl = `${DAPLA_TEAM_API_URL}/teams/${teamUniformName}/users`
 
     const [teamInfo, teamUsers] = await Promise.all([
-      fetchAPIData(token, teamInfoUrl, 'Failed to fetch team info')
-        .then(async (teamInfo) => {
-          const manager = await fetchTeamManager(token, teamInfo)
-          return { ...teamInfo, manager};
-        }),
-      fetchAPIData(token, teamUsersUrl, 'Failed to fetch team users')
-        .then(async (teamUsers) => {
-          const resolvedUsers = await fetchTeamUsersWithGroups(token, teamUsers, teamUniformName);
-          return { ...teamUsers, _embedded: { users: resolvedUsers } };
-        }),
-    ]);
-
-    res.json({ teamInfo, teamUsers: teamUsers._embedded.users });
+      fetchAPIData(token, teamInfoUrl, 'Failed to fetch team info').then(async (teamInfo) => {
+        const manager = await fetchTeamManager(token, teamInfo)
+        return { ...teamInfo, manager }
+      }),
+      fetchAPIData(token, teamUsersUrl, 'Failed to fetch team users').then(async (teamUsers) => {
+        const resolvedUsers = await fetchTeamUsersWithGroups(token, teamUsers, teamUniformName)
+        return { ...teamUsers, _embedded: { users: resolvedUsers } }
+      }),
+    ])
+
+    res.json({ teamInfo, teamUsers: teamUsers._embedded.users })
   } catch (error) {
-    next(error);
+    next(error)
   }
-});
+})
 
 async function fetchTeamManager(token, teamInfo) {
   const teamManagerUrl = `${DAPLA_TEAM_API_URL}/groups/${teamInfo.uniform_name}-managers/users`
-  return await fetchAPIData(token, teamManagerUrl, 'Failed to fetch team manager').then((teamManager) => {
-    return teamManager.count > 0 ? teamManager._embedded.users[0] : managerFallback()
-  }).catch(() => managerFallback())
+  return await fetchAPIData(token, teamManagerUrl, 'Failed to fetch team manager')
+    .then((teamManager) => {
+      return teamManager.count > 0 ? teamManager._embedded.users[0] : managerFallback()
+    })
+    .catch(() => managerFallback())
 }
 
 async function fetchTeamUsersWithGroups(token, teamUsers, teamUniformName) {
@@ -290,10 +290,10 @@ async function fetchTeamUsersWithGroups(token, teamUsers, teamUniformName) {
       .flatMap((group) => group)
 
     currentUser.groups = flattenedGroups
-    
+
     return { ...currentUser }
-  });
-  return await Promise.all(userPromises);
+  })
+  return await Promise.all(userPromises)
 }
 
 async function fetchAPIData(token, url, fallbackErrorMessage) {
@@ -383,7 +383,7 @@ function sectionFallback(uniformName) {
 }
 
 function groupFallback() {
-  return { "_embedded": { "groups": [] }, "count": "0"}
+  return { _embedded: { groups: [] }, count: '0' }
 }
 
 //const lightship = await createLightship();
diff --git a/src/pages/TeamDetail/TeamDetail.tsx b/src/pages/TeamDetail/TeamDetail.tsx
index 69353209..a5d0ddac 100644
--- a/src/pages/TeamDetail/TeamDetail.tsx
+++ b/src/pages/TeamDetail/TeamDetail.tsx
@@ -14,144 +14,136 @@ import { Text, Title, Link, Dialog } from '@statisticsnorway/ssb-component-libra
 import { Skeleton } from '@mui/material'
 
 export default function TeamDetail() {
-
-    const { setBreadcrumbTeamDetailDisplayName } = useContext(DaplaCtrlContext)
-    const [error, setError] = useState<ErrorResponse | undefined>()
-    const [loadingTeamDetailData, setLoadingTeamDetailData] = useState<boolean>(true)
-    const [loadingTeamData, setLoadingTeamData] = useState<boolean>(true)
-    const [teamDetailData, setTeamDetailData] = useState<TeamDetailData>()
-    const [teamDetailTableData, setTeamDetailTableData] = useState<TableData['data']>()
-
-    const { teamId } = useParams<{ teamId: string }>()
-
-    const prepTeamData = useCallback(
-        (response: TeamDetailTeamResult): TableData['data'] => {
-            return response.teamUsers.map((user) => ({
-                id: user?.principal_name,
-                navn: renderUsernameColumn(user),
-                gruppe: user.groups?.map((group) => getGroupType(group.uniform_name)).join(', '),
-                epost: user?.principal_name
-            }))
-        },
-        [teamDetailData]
+  const { setBreadcrumbTeamDetailDisplayName } = useContext(DaplaCtrlContext)
+  const [error, setError] = useState<ErrorResponse | undefined>()
+  const [loadingTeamData, setLoadingTeamData] = useState<boolean>(true)
+  const [teamDetailData, setTeamDetailData] = useState<TeamDetailData>()
+  const [teamDetailTableData, setTeamDetailTableData] = useState<TableData['data']>()
+
+  const { teamId } = useParams<{ teamId: string }>()
+
+  const prepTeamData = useCallback((response: TeamDetailTeamResult): TableData['data'] => {
+    return response.teamUsers.map((user) => ({
+      id: user?.principal_name,
+      navn: renderUsernameColumn(user),
+      gruppe: user.groups?.map((group) => getGroupType(group.uniform_name)).join(', '),
+      epost: user?.principal_name,
+    }))
+  }, [])
+
+  useEffect(() => {
+    if (!teamId) return
+    getTeamDetail(teamId as string)
+      .then((response) => {
+        if ((response as ErrorResponse).error) {
+          setError(response as ErrorResponse)
+        } else {
+          console.log(response)
+          setTeamDetailData(response as TeamDetailData)
+        }
+      })
+      .catch((error) => {
+        setError({ error: { message: error.message, code: '500' } })
+      })
+  }, [teamId])
+
+  useEffect(() => {
+    if (!teamDetailData) return
+
+    getTeamDetail(teamId as string)
+      .then((response) => {
+        if ((response as ErrorResponse).error) {
+          setError(response as ErrorResponse)
+        } else {
+          setTeamDetailTableData(prepTeamData(response as TeamDetailTeamResult))
+        }
+      })
+      .finally(() => setLoadingTeamData(false))
+      .catch((error) => {
+        setError({ error: { message: error.message, code: '500' } })
+      })
+  }, [teamDetailData, teamId, prepTeamData])
+
+  // required for breadcrumb
+  useEffect(() => {
+    if (!teamDetailData) return
+
+    const displayName = teamDetailData.teamInfo.display_name
+    teamDetailData.teamInfo.display_name = displayName
+    setBreadcrumbTeamDetailDisplayName({ displayName })
+  }, [teamDetailData, setBreadcrumbTeamDetailDisplayName])
+
+  function renderUsernameColumn(user: User) {
+    return (
+      <>
+        <span>
+          <Link href={`/teammedlemmer/${user.principal_name.split('@')[0]}`}>
+            <b>{user.display_name.split(', ').reverse().join(' ')}</b>
+          </Link>
+        </span>
+        {user && <Text>{user.section_name ? user.section_name : 'Mangler seksjon'}</Text>}
+      </>
     )
+  }
 
-    useEffect(() => {
-        if (!teamId) return
-        getTeamDetail(teamId as string)
-            .then((response) => {
-                if ((response as ErrorResponse).error) {
-                    setError(response as ErrorResponse)
-                } else {
-                    console.log((response))
-                    setTeamDetailData(response as TeamDetailData)
-                }
-            })
-            .finally(() => setLoadingTeamDetailData(false))
-            .catch((error) => {
-                setError({ error: { message: error.message, code: '500' } })
-            })
-
-    }, [teamId])
-
-    useEffect(() => {
-        if (!teamDetailData) return
-
-        getTeamDetail(teamId as string)
-            .then((response) => {
-                if ((response as ErrorResponse).error) {
-                    setError(response as ErrorResponse)
-                } else {
-                    setTeamDetailTableData(prepTeamData(response as TeamDetailTeamResult))
-                }
-            })
-            .finally(() => setLoadingTeamData(false))
-            .catch((error) => {
-                setError({ error: { message: error.message, code: '500' } })
-            })
-    }, [teamDetailData, teamId, prepTeamData])
-
-    // required for breadcrumb
-    useEffect(() => {
-        if (!teamDetailData) return
-
-        const displayName = teamDetailData.teamInfo.display_name
-        teamDetailData.teamInfo.display_name = displayName
-        setBreadcrumbTeamDetailDisplayName({ displayName })
-
-    }, [teamDetailData, setBreadcrumbTeamDetailDisplayName])
-
-    function renderUsernameColumn(user: User) {
-        return (
-            <>
-                <span>
-                    <Link href={`/teammedlemmer/${user.principal_name.split('@')[0]}`}>
-                        <b>{user.display_name.split(', ').reverse().join(' ')}</b>
-                    </Link>
-                </span>
-                {user && <Text>{user.section_name ? user.section_name : "Mangler seksjon"}</Text>}
-            </>
-        )
-    }
-
-    function renderErrorAlert() {
-        return (
-            <Dialog type='warning' title='Could not fetch data'>
-                {error?.error.message}
-            </Dialog>
-        )
-    }
+  function renderErrorAlert() {
+    return (
+      <Dialog type='warning' title='Could not fetch data'>
+        {error?.error.message}
+      </Dialog>
+    )
+  }
 
-    function renderSkeletonOnLoad() {
-        return (
-            <>
-                <Skeleton variant='text' animation='wave' sx={{ fontSize: '5.5rem' }} width={150} />
-                <Skeleton variant='rectangular' animation='wave' height={200} />
-            </>
-        )
-    }
+  function renderSkeletonOnLoad() {
+    return (
+      <>
+        <Skeleton variant='text' animation='wave' sx={{ fontSize: '5.5rem' }} width={150} />
+        <Skeleton variant='rectangular' animation='wave' height={200} />
+      </>
+    )
+  }
 
-    function renderContent() {
-        if (error) return renderErrorAlert()
-        if (loadingTeamData) return renderSkeletonOnLoad()
+  function renderContent() {
+    if (error) return renderErrorAlert()
+    if (loadingTeamData) return renderSkeletonOnLoad()
 
-        if (teamDetailTableData) {
-            const teamOverviewTableHeaderColumns = [
-                {
-                    id: 'navn',
-                    label: 'Navn',
-                },
-                {
-                    id: 'gruppe',
-                    label: 'Gruppe',
-                },
-                {
-                    id: 'epost',
-                    label: 'Epost ?',
-                }
-            ]
-            return (
-                <>
-                    <Title size={2} className={pageLayoutStyles.tableTitle}>
-                        Team
-                    </Title>
-                    <Table columns={teamOverviewTableHeaderColumns} data={teamDetailTableData as TableData['data']} />
-                </>
-            )
-        }
+    if (teamDetailTableData) {
+      const teamOverviewTableHeaderColumns = [
+        {
+          id: 'navn',
+          label: 'Navn',
+        },
+        {
+          id: 'gruppe',
+          label: 'Gruppe',
+        },
+        {
+          id: 'epost',
+          label: 'Epost ?',
+        },
+      ]
+      return (
+        <>
+          <Title size={2} className={pageLayoutStyles.tableTitle}>
+            Team
+          </Title>
+          <Table columns={teamOverviewTableHeaderColumns} data={teamDetailTableData as TableData['data']} />
+        </>
+      )
     }
-
-    return (
-        <PageLayout
-            title={teamDetailData?.teamInfo.display_name}
-            content={renderContent()}
-            description={
-                <div className={styles.userProfileDescription}>
-                    <Text medium>{teamDetailData?.teamInfo.uniform_name}</Text>
-                    <Text medium>{teamDetailData?.teamInfo.manager.display_name.split(', ').reverse().join(' ')}</Text>
-                    <Text medium>{teamDetailData?.teamInfo.section_name}</Text>
-                </div>
-            }
-        />
-    )
+  }
+
+  return (
+    <PageLayout
+      title={teamDetailData?.teamInfo.display_name}
+      content={renderContent()}
+      description={
+        <div className={styles.userProfileDescription}>
+          <Text medium>{teamDetailData?.teamInfo.uniform_name}</Text>
+          <Text medium>{teamDetailData?.teamInfo.manager.display_name.split(', ').reverse().join(' ')}</Text>
+          <Text medium>{teamDetailData?.teamInfo.section_name}</Text>
+        </div>
+      }
+    />
+  )
 }
diff --git a/src/provider/DaplaCtrlProvider.tsx b/src/provider/DaplaCtrlProvider.tsx
index 8c5de52f..98206d10 100644
--- a/src/provider/DaplaCtrlProvider.tsx
+++ b/src/provider/DaplaCtrlProvider.tsx
@@ -15,16 +15,14 @@ interface DaplaCtrlContextType {
   ) => void
 
   breadcrumbTeamDetailDisplayName: BreadcrumbTeamDetailDisplayName | null
-  setBreadcrumbTeamDetailDisplayName: (
-    breadcrumbTeamDetailDisplayName: BreadcrumbTeamDetailDisplayName | null
-  ) => void
+  setBreadcrumbTeamDetailDisplayName: (breadcrumbTeamDetailDisplayName: BreadcrumbTeamDetailDisplayName | null) => void
 }
 
 const DaplaCtrlContext = createContext<DaplaCtrlContextType>({
   breadcrumbUserProfileDisplayName: null,
-  setBreadcrumbUserProfileDisplayName: () => { },
+  setBreadcrumbUserProfileDisplayName: () => {},
   breadcrumbTeamDetailDisplayName: null,
-  setBreadcrumbTeamDetailDisplayName: () => { },
+  setBreadcrumbTeamDetailDisplayName: () => {},
 })
 
 const DaplaCtrlProvider: FC<{ children: ReactNode }> = ({ children }) => {
@@ -34,12 +32,14 @@ const DaplaCtrlProvider: FC<{ children: ReactNode }> = ({ children }) => {
     useState<BreadcrumbUserProfileDisplayName | null>(null)
 
   return (
-    <DaplaCtrlContext.Provider value={{
-      breadcrumbUserProfileDisplayName,
-      setBreadcrumbUserProfileDisplayName,
-      breadcrumbTeamDetailDisplayName,
-      setBreadcrumbTeamDetailDisplayName
-    }}>
+    <DaplaCtrlContext.Provider
+      value={{
+        breadcrumbUserProfileDisplayName,
+        setBreadcrumbUserProfileDisplayName,
+        breadcrumbTeamDetailDisplayName,
+        setBreadcrumbTeamDetailDisplayName,
+      }}
+    >
       {children}
     </DaplaCtrlContext.Provider>
   )