diff --git a/src/components/Admin/Admin.tsx b/src/components/Admin/Admin.tsx
index 5b7e8a14..cdf0cf52 100644
--- a/src/components/Admin/Admin.tsx
+++ b/src/components/Admin/Admin.tsx
@@ -1,8 +1,8 @@
 import {FC} from 'react'
 import {Admin as ReactAdmin, Resource} from 'react-admin'
 
+import {AdminLayout} from './AdminLayout'
 import {dataProvider} from './dataProvider'
-import {AdminLayout} from './layout'
 import {FlatpageCreate} from './resources/base/flat-page/FlatpageCreate'
 import {FlatpageEdit} from './resources/base/flat-page/FlatpageEdit'
 import {FlatpageList} from './resources/base/flat-page/FlatpageList'
diff --git a/src/components/Admin/AdminLayout.tsx b/src/components/Admin/AdminLayout.tsx
new file mode 100644
index 00000000..d0801197
--- /dev/null
+++ b/src/components/Admin/AdminLayout.tsx
@@ -0,0 +1,39 @@
+import {Home, Logout} from '@mui/icons-material/'
+import {Button, Stack, Typography} from '@mui/material'
+import {useRouter} from 'next/router'
+import {AppBar, Layout, LayoutProps, useLogout} from 'react-admin'
+
+const AppMenuBar = () => {
+  const router = useRouter()
+  const logout = useLogout()
+
+  return (
+    <>
+      <AppBar
+        userMenu={false}
+        position="relative"
+        toolbar={
+          <Stack gap={2} direction="row">
+            <Button color="inherit" onClick={() => router.push('/')}>
+              <Stack gap={1} direction="row">
+                <Home />
+                <Typography variant="body1">Späť na hlavnú stránku</Typography>
+              </Stack>
+            </Button>
+
+            <Button color="inherit" onClick={() => logout(null, '../../', false)}>
+              <Stack gap={1} direction="row">
+                <Logout />
+                <Typography variant="body1">Odhlásiť</Typography>
+              </Stack>
+            </Button>
+          </Stack>
+        }
+      />
+    </>
+  )
+}
+
+export const AdminLayout = (props: LayoutProps) => {
+  return <Layout {...props} appBar={AppMenuBar} />
+}
diff --git a/src/components/Admin/layout.tsx b/src/components/Admin/layout.tsx
deleted file mode 100644
index 617ffc58..00000000
--- a/src/components/Admin/layout.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import HomeIcon from '@mui/icons-material/Home'
-import {Box, IconButton, Tooltip} from '@mui/material'
-import {useRouter} from 'next/router'
-import {AppBar, Layout, LayoutProps} from 'react-admin'
-
-const AppMenuBar = () => {
-  const router = useRouter()
-
-  return (
-    <>
-      <AppBar position="relative">
-        <Box flex={1} />
-        <Tooltip title="Back to main page">
-          <IconButton color="inherit" onClick={() => router.push('/')}>
-            <HomeIcon />
-          </IconButton>
-        </Tooltip>
-      </AppBar>
-    </>
-  )
-}
-
-export const AdminLayout = (props: LayoutProps) => {
-  return <Layout {...props} appBar={AppMenuBar} />
-}