diff --git a/src/pages/login.tsx b/src/pages/login.tsx
index 01a43a5..a9af6cb 100644
--- a/src/pages/login.tsx
+++ b/src/pages/login.tsx
@@ -53,6 +53,9 @@ function Login() {
         <form onSubmit={form.onSubmit(login)}>
           <Stack>
             <Title>Share Me</Title>
+            <Title order={3} color="gray.5">
+              Login
+            </Title>
             <TextInput
               label="Username"
               miw="300px"
diff --git a/src/pages/sign-up.tsx b/src/pages/sign-up.tsx
index cfc2415..9720b06 100644
--- a/src/pages/sign-up.tsx
+++ b/src/pages/sign-up.tsx
@@ -7,6 +7,7 @@ import {
   PasswordInput,
   Stack,
   TextInput,
+  Title,
 } from "@mantine/core";
 import { useForm } from "@mantine/form";
 import { GetServerSideProps } from "next";
@@ -65,6 +66,10 @@ function SignUp() {
       <Group position="center" h="100vh">
         <form onSubmit={form.onSubmit(signUp)}>
           <Stack>
+            <Title>Share Me</Title>
+            <Title order={3} color="gray.5">
+              Sign Up
+            </Title>
             <TextInput
               label="Email"
               {...form.getInputProps("email")}