diff --git a/daily-thought-frontend/src/pages/register.tsx b/daily-thought-frontend/src/pages/register.tsx
index 10b304b1a9de447c9a7ea4c464e3d83dae0f2cc8..36f9573d0a1c5f94ae8ee92fd22fcf2bc782a8a8 100644
--- a/daily-thought-frontend/src/pages/register.tsx
+++ b/daily-thought-frontend/src/pages/register.tsx
@@ -1,7 +1,5 @@
 import BasicField from "@/components/form/basicField";
-import NavBar from "@/components/navigation/NavBar";
-import { LockClosedIcon } from "@heroicons/react/24/outline";
-import { useEffect, useState } from "react";
+import { useState } from "react";
 
 const Register = () => {
   const [username, setUsername] = useState<string>("");
@@ -35,13 +33,13 @@ const Register = () => {
     <>
       <div className="flex min-h-full items-center justify-center px-4 py-12 sm:px-6 lg:px-8">
        
-        <div className="w-full max-w-md space-y-8">
+        <div className="w-full max-w-md space-y-2">
             <h2 className="mt-6 text-center text-3xl font-bold tracking-tight text-gray-900">
               Create an account
             </h2>
-            <p className="mt-2 text-center text-sm text-gray-600">
+            <p className=" text-center text-sm text-gray-600">
               Or{' '}
-              <a href="#" className="font-medium text-c-pink hover:text-indigo-500">
+              <a href="/signIn" className="font-medium text-c-pink hover:text-indigo-500">
                 log in
               </a>
             </p>