diff --git a/packages/web/components/templates/SettingsLayout.tsx b/packages/web/components/templates/SettingsLayout.tsx
index 06cc330fa..7f8f09f26 100644
--- a/packages/web/components/templates/SettingsLayout.tsx
+++ b/packages/web/components/templates/SettingsLayout.tsx
@@ -11,8 +11,10 @@ import { logoutMutation } from '../../lib/networking/mutations/logoutMutation'
 import { useState } from 'react'
 import { ConfirmationModal } from '../patterns/ConfirmationModal'
 import { KeyboardShortcutListModal } from './KeyboardShortcutListModal'
+import { PageMetaData } from '../patterns/PageMetaData'
 
 type SettingsLayoutProps = {
+  title?: string
   children: React.ReactNode
 }
 
@@ -41,6 +43,7 @@ export function SettingsLayout(props: SettingsLayoutProps): JSX.Element {
 
   return (
     <>
+      <PageMetaData path='settings' title='Settings' />
         <PrimaryHeader
           user={viewerData?.me}
           isFixedPosition={false}
diff --git a/packages/web/next.config.js b/packages/web/next.config.js
index 37b9c5f53..7d64d640c 100644
--- a/packages/web/next.config.js
+++ b/packages/web/next.config.js
@@ -44,12 +44,12 @@ const moduleExports = {
         permanent: true,
       },
       {
-        source: '/static/icons/default/favicon-dark.ico',
+        source: '/static/icons/favicon-dark.ico',
         destination: '/favicon-dark.ico',
         permanent: true,
       },
       {
-        source: '/static/icons/default/favicon-light.ico',
+        source: '/static/icons/favicon-light.ico',
         destination: '/favicon.ico',
         permanent: true,
       },
diff --git a/packages/web/pages/404.tsx b/packages/web/pages/404.tsx
index c6a04dfa0..e2cc748ce 100644
--- a/packages/web/pages/404.tsx
+++ b/packages/web/pages/404.tsx
@@ -9,7 +9,7 @@ export default function Custom404(): JSX.Element {
       <Head>
         <title>Page Not Found</title>
       </Head>
-      <SettingsLayout>
+      <SettingsLayout title="Page could not be found">
        <ErrorLayout statusCode={404} message="This page could not be found." />
       </SettingsLayout>
     </>
diff --git a/packages/web/pages/500.tsx b/packages/web/pages/500.tsx
index 0f0fafdd8..75d24835c 100644
--- a/packages/web/pages/500.tsx
+++ b/packages/web/pages/500.tsx
@@ -8,7 +8,7 @@ export default function Custom500(): JSX.Element {
       <Head>
         <title>An unknown error occurred.</title>
       </Head>
-      <SettingsLayout>
+      <SettingsLayout title="An unknown error occurred">
        <ErrorLayout statusCode={404} message="An unknown error occurred." />
       </SettingsLayout>
     </>
diff --git a/packages/web/pages/privacy.tsx b/packages/web/pages/privacy.tsx
index 3d47e2932..6ecdbf013 100644
--- a/packages/web/pages/privacy.tsx
+++ b/packages/web/pages/privacy.tsx
@@ -11,7 +11,7 @@ export default function Privacy(): JSX.Element {
     return <PrivacyPolicy />
   } else {
     return (
-      <SettingsLayout>
+      <SettingsLayout title="Privacy Policy">
         <PrivacyPolicy />
       </SettingsLayout>
     )
diff --git a/packages/web/pages/settings/installation/extensions.tsx b/packages/web/pages/settings/installation/extensions.tsx
index aac445355..e16084113 100644
--- a/packages/web/pages/settings/installation/extensions.tsx
+++ b/packages/web/pages/settings/installation/extensions.tsx
@@ -6,7 +6,7 @@ import { VStack } from '../../../components/elements/LayoutPrimitives'
 
 export default function Extensions(): JSX.Element {
   return (
-    <SettingsLayout>
+    <SettingsLayout title="Extensions">
       <VStack distribution="center" alignment="center" css={{ width: '100%' }}>
         <ExtensionInstallHelp />
       </VStack>
diff --git a/packages/web/pages/settings/installation/index.tsx b/packages/web/pages/settings/installation/index.tsx
index 8462f4f14..1a5e8fb34 100644
--- a/packages/web/pages/settings/installation/index.tsx
+++ b/packages/web/pages/settings/installation/index.tsx
@@ -7,7 +7,7 @@ import { Box, VStack } from '../../../components/elements/LayoutPrimitives'
 
 export default function Installation(): JSX.Element {
   return (
-    <SettingsLayout>
+    <SettingsLayout title="Installation">
       <MobileInstallHelp />
       <Box css={{ m: '32px' }} />
       <ExtensionInstallHelp />
diff --git a/packages/web/pages/settings/installation/mobile.tsx b/packages/web/pages/settings/installation/mobile.tsx
index 11af09d4c..0f62ef644 100644
--- a/packages/web/pages/settings/installation/mobile.tsx
+++ b/packages/web/pages/settings/installation/mobile.tsx
@@ -6,10 +6,8 @@ import { VStack } from '../../../components/elements/LayoutPrimitives'
 
 export default function Mobile(): JSX.Element {
   return (
-    <SettingsLayout>
-      {/* <VStack distribution="center" alignment="center" css={{ width: '100%', height: '100%' }}> */}
-        <MobileInstallHelp />
-      {/* </VStack> */}
+    <SettingsLayout title="Mobile Installation">
+      <MobileInstallHelp />
     </SettingsLayout>
   )
 }
diff --git a/packages/web/pages/terms.tsx b/packages/web/pages/terms.tsx
index 6d95f385a..fd267cb75 100644
--- a/packages/web/pages/terms.tsx
+++ b/packages/web/pages/terms.tsx
@@ -11,7 +11,7 @@ export default function Terms(): JSX.Element {
     return <TermsAndConditions />
   } else {
     return (
-      <SettingsLayout>
+      <SettingsLayout title="Terms and Conditions">
         <TermsAndConditions />
       </SettingsLayout>
     )
diff --git a/packages/web/public/sw.js b/packages/web/public/sw.js
index 20255ff6a..11aa1bc31 100644
--- a/packages/web/public/sw.js
+++ b/packages/web/public/sw.js
@@ -33,8 +33,6 @@
   const initialCacheItems = [
     homeCache,
     '/manifest.webmanifest',
-    '/favicon.ico',
-    '/favicon-32.png',
     '/pwa-36.png',
     '/pwa-48.png',
     '/pwa-72.png',
