diff --git a/app/share/[id]/opengraph-image.tsx b/app/share/[id]/opengraph-image.tsx
index eaeb0ad..4e3c9fb 100644
--- a/app/share/[id]/opengraph-image.tsx
+++ b/app/share/[id]/opengraph-image.tsx
@@ -14,11 +14,11 @@ export const size = {
 export const contentType = 'image/png'
 
 const interRegular = fetch(
-  new URL('../../../assets/fonts/Inter-Regular.ttf', import.meta.url)
+  new URL('../../../assets/fonts/Inter-Regular.woff', import.meta.url)
 ).then(res => res.arrayBuffer())
 
 const interBold = fetch(
-  new URL('../../../assets/fonts/Inter-Bold.ttf', import.meta.url)
+  new URL('../../../assets/fonts/Inter-Bold.woff', import.meta.url)
 ).then(res => res.arrayBuffer())
 
 interface ImageProps {
@@ -93,7 +93,9 @@ export default async function Image({ params }: ImageProps) {
               <div tw="flex text-[#eaeaf0] ml-2">KV</div>
             </div>
           </div>
-          <div tw="text-[1.8rem] ml-auto text-[#9b9ba4]">demo.chat.vercel.ai</div>
+          <div tw="text-[1.8rem] ml-auto text-[#9b9ba4]">
+            demo.chat.vercel.ai
+          </div>
         </div>
       </div>
     ),
diff --git a/assets/fonts/Inter-Bold.ttf b/assets/fonts/Inter-Bold.ttf
deleted file mode 100644
index 8e82c70..0000000
Binary files a/assets/fonts/Inter-Bold.ttf and /dev/null differ
diff --git a/assets/fonts/Inter-Bold.woff b/assets/fonts/Inter-Bold.woff
new file mode 100644
index 0000000..eaf3d4b
Binary files /dev/null and b/assets/fonts/Inter-Bold.woff differ
diff --git a/assets/fonts/Inter-Regular.ttf b/assets/fonts/Inter-Regular.ttf
deleted file mode 100644
index 8d4eebf..0000000
Binary files a/assets/fonts/Inter-Regular.ttf and /dev/null differ
diff --git a/assets/fonts/Inter-Regular.woff b/assets/fonts/Inter-Regular.woff
new file mode 100644
index 0000000..62d3a61
Binary files /dev/null and b/assets/fonts/Inter-Regular.woff differ
diff --git a/components/chat.tsx b/components/chat.tsx
index 3e6ca66..b3a8394 100644
--- a/components/chat.tsx
+++ b/components/chat.tsx
@@ -19,7 +19,6 @@ import {
 import { useState } from 'react'
 import { Button } from './ui/button'
 import { Input } from './ui/input'
-import { useRouter } from 'next/navigation'
 
 const IS_PREVIEW = process.env.VERCEL_ENV === 'preview'
 export interface ChatProps extends React.ComponentProps<'div'> {
@@ -28,7 +27,6 @@ export interface ChatProps extends React.ComponentProps<'div'> {
 }
 
 export function Chat({ id, initialMessages, className }: ChatProps) {
-  const router = useRouter()
   const [previewToken, setPreviewToken] = useLocalStorage<string | null>(
     'ai-token',
     null