diff --git a/client/components/auth/auth.module.css b/client/components/auth/auth.module.css
index b731d5fe..84d4695a 100644
--- a/client/components/auth/auth.module.css
+++ b/client/components/auth/auth.module.css
@@ -1,5 +1,3 @@
-/* A centered auth page */
-
 .container {
   padding: 2rem 2rem;
   border-radius: var(--border-radius);
diff --git a/client/components/formatting-icons/index.tsx b/client/components/formatting-icons/index.tsx
index 01a2f318..a7c91787 100644
--- a/client/components/formatting-icons/index.tsx
+++ b/client/components/formatting-icons/index.tsx
@@ -1,5 +1,5 @@
 import { ButtonGroup, Button } from "@geist-ui/core"
-import { Bold, Italic, Underline, Link, Image as ImageIcon } from '@geist-ui/icons'
+import { Bold, Italic, Link, Image as ImageIcon } from '@geist-ui/icons'
 import { RefObject, useCallback, useMemo } from "react"
 
 // TODO: clean up
diff --git a/client/components/header/header.module.css b/client/components/header/header.module.css
index 23b8e81f..8d40b341 100644
--- a/client/components/header/header.module.css
+++ b/client/components/header/header.module.css
@@ -3,11 +3,11 @@
   padding: 0 var(--gap);
 }
 
-.tabs .current {
-  border-bottom: 2px solid initial;
+.current {
+  padding-top: 100px !important;
 }
 
-.tabs :global(.content) {
+.tabs .content {
   display: none;
 }
 
diff --git a/client/components/header/index.tsx b/client/components/header/index.tsx
index e7770252..e2eea796 100644
--- a/client/components/header/index.tsx
+++ b/client/components/header/index.tsx
@@ -1,4 +1,4 @@
-import { Page, ButtonGroup, Button, useBodyScroll, useMediaQuery, useTheme, Tabs, Loading, Spacer } from "@geist-ui/core";
+import { Page, ButtonGroup, Button, useBodyScroll, useMediaQuery, Tabs, Spacer } from "@geist-ui/core";
 import { Github as GitHubIcon, UserPlus as SignUpIcon, User as SignInIcon, Home as HomeIcon, Menu as MenuIcon, Tool as SettingsIcon, UserX as SignoutIcon, PlusCircle as NewIcon, List as YourIcon, Moon, Sun } from "@geist-ui/icons";
 import { DriftProps } from "../../pages/_app";
 import { useEffect, useMemo, useState } from "react";
@@ -134,6 +134,7 @@ const Header = ({ changeTheme, theme }: DriftProps) => {
 
     // useEffect(() => {
     //     setSelectedTab(pages.find((page) => {
+    //         console.log(page.href, router.asPath)
     //         if (page.href && page.href === router.asPath) {
     //             return true
     //         }
@@ -155,7 +156,6 @@ const Header = ({ changeTheme, theme }: DriftProps) => {
                 <Tabs
                     value={selectedTab}
                     leftSpace={0}
-                    activeClassName={styles.current}
                     align="center"
                     hideDivider
                     hideBorder
@@ -193,7 +193,6 @@ const Header = ({ changeTheme, theme }: DriftProps) => {
                     })}
                 </ButtonGroup>
             </div>)}
-
         </Page.Header >
     )
 }
diff --git a/client/components/post/index.tsx b/client/components/post/index.tsx
index f1c4b6a2..b9ba49fe 100644
--- a/client/components/post/index.tsx
+++ b/client/components/post/index.tsx
@@ -1,4 +1,4 @@
-import { Button, ButtonDropdown, ButtonGroup, Input, Page, Select, Text, useToasts } from '@geist-ui/core'
+import { Button, ButtonDropdown, useToasts } from '@geist-ui/core'
 import { useRouter } from 'next/router';
 import { useCallback, useState } from 'react'
 import generateUUID from '../../lib/generate-uuid';
diff --git a/client/components/visibility-badge/index.tsx b/client/components/visibility-badge/index.tsx
index b767ac7f..0e9fa908 100644
--- a/client/components/visibility-badge/index.tsx
+++ b/client/components/visibility-badge/index.tsx
@@ -21,4 +21,4 @@ const VisibilityBadge = ({ visibility }: Props) => {
     return (<Badge marginLeft={'var(--gap)'} type={getBadgeType()}>{visibility}</Badge>)
 }
 
-export default VisibilityBadge
\ No newline at end of file
+export default VisibilityBadge
diff --git a/client/pages/post/[id].tsx b/client/pages/post/[id].tsx
index e4ec7b1b..d44254d5 100644
--- a/client/pages/post/[id].tsx
+++ b/client/pages/post/[id].tsx
@@ -7,6 +7,7 @@ import Document from '../../components/document'
 import Header from "../../components/header";
 import VisibilityBadge from "../../components/visibility-badge";
 import { ThemeProps } from "../_app";
+import Head from "next/head";
 
 const Post = ({ theme, changeTheme }: ThemeProps) => {
     const [post, setPost] = useState<any>()
@@ -47,6 +48,11 @@ const Post = ({ theme, changeTheme }: ThemeProps) => {
 
     return (
         <Page width={"100%"}>
+            <Head>
+                {isLoading && <title>loading - Drift</title>}
+                {!isLoading && <title>{post.title} - Drift</title>}
+                {!isLoading && post.visibility !== 'private' && <meta name="description" content={post.description} />}
+            </Head>
             <Page.Header>
                 <Header theme={theme} changeTheme={changeTheme} />
             </Page.Header>
@@ -68,9 +74,9 @@ const Post = ({ theme, changeTheme }: ThemeProps) => {
                     ))}
                 </>}
             </Page.Content>
-
         </Page >
     )
 }
 
 export default Post
+