diff --git a/src/app/(site)/(internal)/dashboard/layout.tsx b/src/app/(site)/(internal)/dashboard/layout.tsx
index 1389827..bb654aa 100644
--- a/src/app/(site)/(internal)/dashboard/layout.tsx
+++ b/src/app/(site)/(internal)/dashboard/layout.tsx
@@ -5,14 +5,15 @@ import DreamsProvider from "@/app/(site)/(internal)/dashboard/(your-dreams)/comp
 
 export const metadata: Metadata = {
     title: 'Dream Logger - Dashboard',
-    description: 'Your Dream Logger dashboard'
+    description: 'Your Dream Logger dashboard',
 }
 
 const DashboardLayout: FC<PropsWithChildren> = ({children}) => {
     return (
         <main className="relative flex min-h-screen">
-            <DashboardSidebar />
-            <div className="flex-grow py-32 w-screen overflow-hidden phone:pt-32 flex flex-col phone:items-center phone-min:ml-16 tablet-min:ml-32">
+            <DashboardSidebar/>
+            <div
+                className="flex-grow py-32 w-screen overflow-hidden phone:pt-32 flex flex-col phone:items-center phone-min:ml-16 tablet-min:ml-32">
                 <DreamsProvider>
                     {children}
                 </DreamsProvider>
diff --git a/src/app/(site)/layout.tsx b/src/app/(site)/layout.tsx
index 0050734..508be5d 100644
--- a/src/app/(site)/layout.tsx
+++ b/src/app/(site)/layout.tsx
@@ -13,8 +13,16 @@ const inter = Inter({subsets: ['latin']})
 export const metadata: Metadata = {
     title: 'Dream Logger',
     description: 'Your Personal Dream Journal and Character Odyssey',
+    metadataBase: new URL(process.env.CANONICAL_URL ?? ""),
     openGraph: {
-        images: '/opengraph-image.png'
+        title: "DreamLogger",
+        description: "Your Personal Dream Journal and Character Odyssey",
+        images: 'url/opengraph-image.png'
+    },
+    twitter: {
+        title: "DreamLogger",
+        description: "Your Personal Dream Journal and Character Odyssey",
+        images: 'url/opengraph-image.png'
     }
 }