diff --git a/src/components/layout/admin/main-admin.layout.tsx b/src/components/layout/admin/main-admin.layout.tsx
index 619e3ab0c..e173ed628 100644
--- a/src/components/layout/admin/main-admin.layout.tsx
+++ b/src/components/layout/admin/main-admin.layout.tsx
@@ -37,6 +37,7 @@ import {
 } from '@tabler/icons-react';
 import { signOut } from 'next-auth/react';
 import { useTranslation } from 'next-i18next';
+import Head from 'next/head';
 import Image from 'next/image';
 import Link from 'next/link';
 import { ReactNode } from 'react';
@@ -130,6 +131,17 @@ export const MainLayout = ({ children }: MainLayoutProps) => {
   );
   return (
     <>
+      <Head>
+        <link rel="shortcut icon" href="/imgs/favicon/favicon.svg" />
+
+        <link rel="manifest" href="/site.webmanifest" />
+
+        {/* configure apple splash screen & touch icon */}
+        <link rel="apple-touch-icon" href="/imgs/favicon/favicon.svg" />
+        <meta name="apple-mobile-web-app-title" content="Homarr" />
+
+        <meta name="apple-mobile-web-app-capable" content="yes" />
+      </Head>
       <AppShell
         styles={{
           root: {
diff --git a/src/pages/manage/index.tsx b/src/pages/manage/index.tsx
index bd0bdb45e..a2944c9a1 100644
--- a/src/pages/manage/index.tsx
+++ b/src/pages/manage/index.tsx
@@ -11,6 +11,7 @@ import {
 } from '@mantine/core';
 import { IconArrowRight } from '@tabler/icons-react';
 import { useSession } from 'next-auth/react';
+import Head from 'next/head';
 import Image from 'next/image';
 import { MainLayout } from '~/components/layout/admin/main-admin.layout';
 import { useScreenLargerThan } from '~/hooks/useScreenLargerThan';
@@ -22,6 +23,9 @@ const ManagementPage = () => {
 
   return (
     <MainLayout>
+      <Head>
+        <title>Manage • Homarr</title>
+      </Head>
       <Box className={classes.box} w="100%" mih={150} p="xl" mb={50}>
         <Group position="apart" noWrap>
           <Stack spacing={15}>
