diff --git a/src/App.tsx b/src/App.tsx
index 9ebcfe35..f5b8e44d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -15,8 +15,6 @@ export function App() {
     <>
       <AuthenticatedTemplate>
         <AppBar title="PEPM" />
-        <p>Authenticated</p>
-        <button onClick={() => instance.logoutRedirect()}>Log out</button>
         <Styled.OutletWrapper>
           <Outlet />
         </Styled.OutletWrapper>
diff --git a/src/features/AppBar/Icons/Icons.tsx b/src/features/AppBar/Icons/Icons.tsx
index 7c286595..41469b8b 100644
--- a/src/features/AppBar/Icons/Icons.tsx
+++ b/src/features/AppBar/Icons/Icons.tsx
@@ -1,5 +1,5 @@
 import { useMsal } from '@azure/msal-react'
-import { Menu } from '@equinor/eds-core-react'
+import { Button, Menu } from '@equinor/eds-core-react'
 import {
   account_circle as accountCircle,
   notifications,
@@ -29,6 +29,9 @@ export const Icons = () => {
       <MenuIcon icon={icons.userInfo}>
         <Menu.Section title="Logged in">
           <Menu.Item>{instance.getActiveAccount()?.name}</Menu.Item>
+          <Menu.Item>
+            <Button onClick={() => instance.logoutRedirect()}>Log out</Button>
+          </Menu.Item>
         </Menu.Section>
       </MenuIcon>
     </Styled.Icons>