diff --git a/public/apple-icon.png b/public/apple-icon.png
new file mode 100755
index 0000000..5084c43
Binary files /dev/null and b/public/apple-icon.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
deleted file mode 100644
index 718d6fe..0000000
Binary files a/public/favicon.ico and /dev/null differ
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100755
index 0000000..5084c43
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/logo-w-padding.png b/public/logo-w-padding.png
new file mode 100755
index 0000000..4849126
Binary files /dev/null and b/public/logo-w-padding.png differ
diff --git a/public/logo.png b/public/logo.png
new file mode 100755
index 0000000..5084c43
Binary files /dev/null and b/public/logo.png differ
diff --git a/src/components/CapDrawer.tsx b/src/components/CapDrawer.tsx
index 8c7e1e2..c4d64d4 100644
--- a/src/components/CapDrawer.tsx
+++ b/src/components/CapDrawer.tsx
@@ -8,8 +8,10 @@ import {
   Divider,
   Drawer,
   Toolbar,
+  Typography,
 } from '@mui/material'
 import { JSX } from 'react'
+import Image from 'next/image'
 
 import FeedIcon from '@mui/icons-material/Feed'
 import PhotoLibraryIcon from '@mui/icons-material/PhotoLibrary'
@@ -44,7 +46,7 @@ export function CapDrawer({ width, open, onClose }: { width: number; open: boole
       href: '/about',
     },
     {
-      title: 'Term & Conditions',
+      title: 'Terms & Conditions',
       icon: <PolicyIcon />,
       href: '/terms',
     },
@@ -53,7 +55,20 @@ export function CapDrawer({ width, open, onClose }: { width: number; open: boole
   return (
     <Drawer open={open} onClose={onClose}>
       <Box sx={{ width: width }} role="presentation" onClick={onClose}>
-        <Toolbar>Solsynth LLC</Toolbar>
+        <Toolbar style={{ padding: 0 }}>
+          <Box display="flex" gap={2} sx={{ mx: 2 }}>
+            <Image src="/logo.png" width={28} height={28} alt="company logo" style={{ objectFit: 'contain' }} />
+
+            <Box display="flex" flexDirection="column" justifyContent="center">
+              <Typography variant="body2" component="h2" fontWeight="bold" lineHeight={1.4}>
+                Solsynth LLC
+              </Typography>
+              <Typography variant="caption" component="h3" lineHeight={1} fontFamily="monospace">
+                Capital
+              </Typography>
+            </Box>
+          </Box>
+        </Toolbar>
         <Divider />
 
         <List>
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 41a7acd..21e9c8b 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -49,6 +49,10 @@ export default function App({ Component, pageProps }: AppProps) {
 
       <Head>
         <title>{title}</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+        <link rel="icon" href="/favicon.png" type="image/png" />
+        <link rel="apple-touch-icon" href="/apple-icon.png" type="image/png" />
       </Head>
 
       <ThemeProvider theme={siteTheme}>
diff --git a/src/pages/posts/[...id].tsx b/src/pages/posts/[...id].tsx
index b1d807d..5f8d9b9 100644
--- a/src/pages/posts/[...id].tsx
+++ b/src/pages/posts/[...id].tsx
@@ -105,14 +105,14 @@ export default function Post({ post, attachments }: InferGetServerSidePropsType<
   const [openAppHint, setOpenAppHint] = useState<boolean>()
 
   useEffect(() => {
-    if (!localStorage.getItem('sol_hide_app_hint')) {
+    if (!localStorage.getItem('sol-hide-app-hint')) {
       setOpenAppHint(true)
     }
   }, [])
 
   useEffect(() => {
     if (openAppHint === false) {
-      localStorage.setItem('sol_hide_app_hint', 'yes')
+      localStorage.setItem('sol-hide-app-hint', 'yes')
     }
   }, [openAppHint])
 
