diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 9dbbc64..e4460cb 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -8,6 +8,7 @@ import { Toaster } from '@/components/ui/toaster';
 const inter = Inter({ subsets: ['latin'] });
 
 export const metadata: Metadata = {
+  metadataBase: new URL('https://paddle-billing.vercel.app'),
   title: 'AeroEdit',
   description:
     'AeroEdit is a powerful team design collaboration app and image editor. With plans for businesses of all sizes, streamline your workflow with real-time collaboration, advanced editing tools, and seamless project management.',
diff --git a/src/app/opengraph-image.png b/src/app/opengraph-image.png
new file mode 100644
index 0000000..e4ffaf3
Binary files /dev/null and b/src/app/opengraph-image.png differ
diff --git a/src/components/authentication/login-form.tsx b/src/components/authentication/login-form.tsx
index c2106f8..6d61bd1 100644
--- a/src/components/authentication/login-form.tsx
+++ b/src/components/authentication/login-form.tsx
@@ -14,7 +14,7 @@ export function LoginForm() {
 
   function handleLogin() {
     login({ email, password }).then((data) => {
-      if (data.error) {
+      if (data?.error) {
         toast({ description: 'Invalid email or password', variant: 'destructive' });
       }
     });
diff --git a/src/components/authentication/sign-up-form.tsx b/src/components/authentication/sign-up-form.tsx
index fc7218b..0ba1d66 100644
--- a/src/components/authentication/sign-up-form.tsx
+++ b/src/components/authentication/sign-up-form.tsx
@@ -14,7 +14,7 @@ export function SignupForm() {
 
   function handleSignup() {
     signup({ email, password }).then((data) => {
-      if (data.error) {
+      if (data?.error) {
         toast({ description: 'Something went wrong. Please try again', variant: 'destructive' });
       }
     });