diff --git a/apps/web/src/app/metadata.ts b/apps/web/src/app/metadata.ts
index 4e387014..6db26811 100644
--- a/apps/web/src/app/metadata.ts
+++ b/apps/web/src/app/metadata.ts
@@ -1,66 +1,88 @@
 import { Metadata } from "next";
 
 const title = "OpenCut";
-const description = "A simple but powerful video editor that gets the job done. In your browser.";
+const description =
+  "A simple but powerful video editor that gets the job done. In your browser.";
 const openGraphImageUrl = "https://opencut.app/opengraph-image.jpg";
 const twitterImageUrl = "/opengraph-image.jpg";
 
 export const baseMetaData: Metadata = {
+  metadataBase: new URL("https://opencut.app"),
+  title: title,
+  description: description,
+  openGraph: {
     title: title,
     description: description,
-    openGraph: {
-        title: title,
-        description: description,
-        url: "https://opencut.app",
-        siteName: "OpenCut",
-        locale: "en_US",
-        type: "website",
-        images: [
-            {
-                url: openGraphImageUrl,
-                width: 1200,
-                height: 630,
-                alt: "OpenCut",
-            },
-        ],
-    },
-    twitter: {
-        card: "summary_large_image",
-        title: title,
-        description: description,
-        creator: "@opencutapp",
-        images: [twitterImageUrl],
-    },
-    robots: {
-        index: true,
-        follow: true,
-    },
-    icons: {
-        icon: [
-            { url: "/favicon.ico" },
-            { url: "/icons/favicon-16x16.png", sizes: "16x16", type: "image/png" },
-            { url: "/icons/favicon-32x32.png", sizes: "32x32", type: "image/png" },
-            { url: "/icons/favicon-96x96.png", sizes: "96x96", type: "image/png" },
-        ],
-        apple: [
-            { url: "/icons/apple-icon-57x57.png", sizes: "57x57", type: "image/png" },
-            { url: "/icons/apple-icon-60x60.png", sizes: "60x60", type: "image/png" },
-            { url: "/icons/apple-icon-72x72.png", sizes: "72x72", type: "image/png" },
-            { url: "/icons/apple-icon-76x76.png", sizes: "76x76", type: "image/png" },
-            { url: "/icons/apple-icon-114x114.png", sizes: "114x114", type: "image/png" },
-            { url: "/icons/apple-icon-120x120.png", sizes: "120x120", type: "image/png" },
-            { url: "/icons/apple-icon-144x144.png", sizes: "144x144", type: "image/png" },
-            { url: "/icons/apple-icon-152x152.png", sizes: "152x152", type: "image/png" },
-            { url: "/icons/apple-icon-180x180.png", sizes: "180x180", type: "image/png" },
-        ],
-        shortcut: ["/favicon.ico"]
-    },
-    appleWebApp: {
-        capable: true,
-        title: title,
-    },
-    manifest: "/manifest.json",
-    other: {
-        "msapplication-config": "/browserconfig.xml"
-    }
+    url: "https://opencut.app",
+    siteName: "OpenCut",
+    locale: "en_US",
+    type: "website",
+    images: [
+      {
+        url: openGraphImageUrl,
+        width: 1200,
+        height: 630,
+        alt: "OpenCut",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: title,
+    description: description,
+    creator: "@opencutapp",
+    images: [twitterImageUrl],
+  },
+  robots: {
+    index: true,
+    follow: true,
+  },
+  icons: {
+    icon: [
+      { url: "/favicon.ico" },
+      { url: "/icons/favicon-16x16.png", sizes: "16x16", type: "image/png" },
+      { url: "/icons/favicon-32x32.png", sizes: "32x32", type: "image/png" },
+      { url: "/icons/favicon-96x96.png", sizes: "96x96", type: "image/png" },
+    ],
+    apple: [
+      { url: "/icons/apple-icon-57x57.png", sizes: "57x57", type: "image/png" },
+      { url: "/icons/apple-icon-60x60.png", sizes: "60x60", type: "image/png" },
+      { url: "/icons/apple-icon-72x72.png", sizes: "72x72", type: "image/png" },
+      { url: "/icons/apple-icon-76x76.png", sizes: "76x76", type: "image/png" },
+      {
+        url: "/icons/apple-icon-114x114.png",
+        sizes: "114x114",
+        type: "image/png",
+      },
+      {
+        url: "/icons/apple-icon-120x120.png",
+        sizes: "120x120",
+        type: "image/png",
+      },
+      {
+        url: "/icons/apple-icon-144x144.png",
+        sizes: "144x144",
+        type: "image/png",
+      },
+      {
+        url: "/icons/apple-icon-152x152.png",
+        sizes: "152x152",
+        type: "image/png",
+      },
+      {
+        url: "/icons/apple-icon-180x180.png",
+        sizes: "180x180",
+        type: "image/png",
+      },
+    ],
+    shortcut: ["/favicon.ico"],
+  },
+  appleWebApp: {
+    capable: true,
+    title: title,
+  },
+  manifest: "/manifest.json",
+  other: {
+    "msapplication-config": "/browserconfig.xml",
+  },
 };