diff --git a/apps/web/components/layout.tsx b/apps/web/components/layout.tsx
index 810fa22eb..970860612 100644
--- a/apps/web/components/layout.tsx
+++ b/apps/web/components/layout.tsx
@@ -7,8 +7,9 @@ import { signOut } from "next-auth/react";
 import {
   Bars3Icon,
   BellIcon,
-  MagnifyingGlassIcon,
   XMarkIcon,
+  ArrowLeftOnRectangleIcon,
+  UserCircleIcon,
 } from "@heroicons/react/24/outline";
 import Logo from "./logo";
 
@@ -24,7 +25,7 @@ const navigation = [
   { name: "Settings", href: "/settings", current: true },
 ];
 const userNavigation = [
-  { name: "Your Profile", href: "/settings/profile" },
+  { name: "Your Profile", href: "/settings/profile", icon: UserCircleIcon },
   {
     name: "Sign out",
     href: "",
@@ -32,6 +33,7 @@ const userNavigation = [
       e.preventDefault();
       signOut({ callbackUrl: "/login" });
     },
+    icon: ArrowLeftOnRectangleIcon,
   },
 ];
 
@@ -108,6 +110,10 @@ export default function Layout({ children }: any) {
                                     "block px-4 py-2 text-sm text-gray-700"
                                   )}
                                 >
+                                  <item.icon
+                                    className="flex-shrink-0 -ml-1 mr-3 h-6 w-6 inline"
+                                    aria-hidden="true"
+                                  ></item.icon>
                                   {item.name}
                                 </Link>
                               )}
diff --git a/apps/web/components/login.tsx b/apps/web/components/login.tsx
index 71ee387fc..6aa8bbec8 100644
--- a/apps/web/components/login.tsx
+++ b/apps/web/components/login.tsx
@@ -50,15 +50,18 @@ export default function Login() {
       <div className="flex min-h-full items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
         <div className="w-full max-w-md space-y-8">
           <div>
-            <Logo className="mx-auto h-12 w-auto"></Logo>
+            <Logo className="mx-auto h-10 w-auto her"></Logo>
             <h2 className="mt-6 text-center text-3xl font-bold tracking-tight text-gray-900">
               Sign in to your account
             </h2>
             <p className="mt-2 text-center text-sm text-gray-600">
               Or{" "}
-              <a href="#" className="font-medium text-neon hover:text-neon">
+              <Link
+                href="/signup"
+                className="font-medium text-neon hover:text-neon"
+              >
                 create a new Account
-              </a>
+              </Link>
             </p>
           </div>
           <FormProvider {...methods}>
diff --git a/apps/web/components/signup.tsx b/apps/web/components/signup.tsx
index 30597d094..f00bc15d0 100644
--- a/apps/web/components/signup.tsx
+++ b/apps/web/components/signup.tsx
@@ -52,7 +52,7 @@ export default function Signup() {
       <div className="flex min-h-full items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
         <div className="w-full max-w-md space-y-8">
           <div>
-            <Logo className="mx-auto h-12 w-auto"></Logo>
+            <Logo className="mx-auto h-10 w-auto"></Logo>
             <h2 className="mt-6 text-center text-3xl font-bold tracking-tight text-gray-900">
               Create a shiny, new <br></br>Documenso Account{" "}
               <svg
@@ -70,8 +70,8 @@ export default function Signup() {
               </svg>
             </h2>
             <p className="mt-2 text-center text-sm text-gray-600">
-              Create your account and start using state<br></br> of the art
-              document signing for free.
+              Create your account and start using<br></br>
+              state-of-the-art document signing for free.
             </p>
           </div>
           <FormProvider {...methods}>
diff --git a/apps/web/pages/dashboard.tsx b/apps/web/pages/dashboard.tsx
index 44cc35a55..5b7a3fa83 100644
--- a/apps/web/pages/dashboard.tsx
+++ b/apps/web/pages/dashboard.tsx
@@ -1,3 +1,4 @@
+import { useSession } from "next-auth/react";
 import Head from "next/head";
 import type { ReactElement } from "react";
 import Layout from "../components/layout";
@@ -5,6 +6,7 @@ import Settings from "../components/settings";
 import type { NextPageWithLayout } from "./_app";
 
 const DashboardPage: NextPageWithLayout = () => {
+  const status = useSession();
   return (
     <>
       <Head>
@@ -12,6 +14,8 @@ const DashboardPage: NextPageWithLayout = () => {
       </Head>
       <div>
         <p>This is the dashboard page.</p>
+        <div>Mail: {status?.data?.user?.email?.toString()}</div>
+        <div>{status.status}</div>
       </div>
     </>
   );