diff --git a/frontend/src/Components/Register.tsx b/frontend/src/Components/Register.tsx
index d0e3da6..e8d93c5 100644
--- a/frontend/src/Components/Register.tsx
+++ b/frontend/src/Components/Register.tsx
@@ -1,6 +1,7 @@
 import { useState } from "react";
 import { NewUser } from "../Types/Users";
 import { api } from "../API/API";
+import Logo from "../assets/Logo.svg";
 
 export default function Register(): JSX.Element {
   const [username, setUsername] = useState("");
@@ -12,16 +13,21 @@ export default function Register(): JSX.Element {
   };
 
   return (
-    <div>
-      <div className="w-full max-w-xs">
+    <div className="flex flex-col h-screen w-screen items-center justify-center">
+      <div className="border-4 border-black bg-white flex flex-col items-center justify-center h-fit w-fit rounded-3xl content-center pl-20 pr-20">
         <form
-          className="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4"
+          className="bg-white rounded px-8 pt-6 pb-8 mb-4 items-center justify-center flex flex-col w-fit h-fit"
           onSubmit={(e) => {
             e.preventDefault();
             void handleRegister();
           }}
         >
-          <h3 className="pb-2">Register new user</h3>
+          <img
+            src={Logo}
+            className="logo w-[7vw] mb-10 mt-10"
+            alt="TTIME Logo"
+          />
+          <h3 className="pb-2 text-center">Register new user</h3>
           <div className="mb-4">
             <label
               className="block text-gray-700 text-sm font-bold mb-2"