diff --git a/ProjectSourceCode/src/resources/css/login_and_registration.css b/ProjectSourceCode/src/resources/css/login_and_registration.css
index e9ef2bc..49b0781 100644
--- a/ProjectSourceCode/src/resources/css/login_and_registration.css
+++ b/ProjectSourceCode/src/resources/css/login_and_registration.css
@@ -1,13 +1,19 @@
-/* Styling to center login page items */
-.login-page {
-    height: 50%;
-    display: flex;
-    justify-content: center; /* Center items horizontally */
-    align-items: center; /* Center items vertically */
+.account-portal-container {
+    width: 400px;
+    height: 408px;
+    position: absolute;
+    top: 150px; /* Adjust this value as needed */
+    right: 20px; /* Adjust this value as needed */
+    z-index: 5;
+    background: linear-gradient(to bottom, white, rgb(245, 245, 245), rgb(227, 227, 227)); /* Gradient from white to gray */
+    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
+    border: 1px solid gray;
 }
 
 .form-container {
-    width: 25%;
+    width: 50%; /* Adjust width as needed */
+    margin: 0 auto; /* Center horizontally */
+    text-align: center; /* Center text horizontally */
 }
 
 /* Styling to center register page items */
@@ -30,13 +36,6 @@ body {
     margin : 100x;
 }
 
-/* Center form items */
-.form-container {
-    width: 50%; /* Adjust width as needed */
-    margin: 0 auto; /* Center horizontally */
-    text-align: center; /* Center text horizontally */
-}
-
 /* Apply modern styling to inputs and select elements */
 #form-control,
 select {
diff --git a/ProjectSourceCode/src/resources/css/navigation-bar/login.css b/ProjectSourceCode/src/resources/css/navigation-bar/login.css
index 885cda6..5b3d396 100644
--- a/ProjectSourceCode/src/resources/css/navigation-bar/login.css
+++ b/ProjectSourceCode/src/resources/css/navigation-bar/login.css
@@ -3,16 +3,7 @@
 }
 
 #login-page {
-    width: 400px;
-    height: fit-content;
-    position: absolute;
-    top: 150px; /* Adjust this value as needed */
-    right: 20px; /* Adjust this value as needed */
-    z-index: 5;
-    background: linear-gradient(to bottom, white, rgb(245, 245, 245), rgb(227, 227, 227)); /* Gradient from white to gray */
-    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
-    border: 1px solid gray;
-    border-radius: 8px;
+
 }
 
 #login-submit {
diff --git a/ProjectSourceCode/src/resources/css/navigation-bar/registration.css b/ProjectSourceCode/src/resources/css/navigation-bar/registration.css
index 3ff1fff..7780ad5 100644
--- a/ProjectSourceCode/src/resources/css/navigation-bar/registration.css
+++ b/ProjectSourceCode/src/resources/css/navigation-bar/registration.css
@@ -2,24 +2,6 @@
     display: none;
 }
 
-#register-page {
-    width: 600px;
-    height: fit-content;
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    margin: auto;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    z-index: 5;
-    background: linear-gradient(to bottom, white, rgb(245, 245, 245), rgb(227, 227, 227));
-    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
-    border: 1px solid gray;
-}
-
 #register-page button {
     padding: 5px 10px;
     background-color: red;
diff --git a/ProjectSourceCode/src/views/partials/navigation-bar/login.hbs b/ProjectSourceCode/src/views/partials/navigation-bar/login.hbs
index d5cdd4e..1d8dc64 100644
--- a/ProjectSourceCode/src/views/partials/navigation-bar/login.hbs
+++ b/ProjectSourceCode/src/views/partials/navigation-bar/login.hbs
@@ -1,5 +1,5 @@
     <!-- Linking forms.css -->
-    <div class="login-page" id="login-page">
+    <div class="account-portal-container" id="login-page">
       <div class="form-container" id="login-form">
         <h1 class="mt-5 mb-4">Login</h1>
 
diff --git a/ProjectSourceCode/src/views/partials/navigation-bar/register.hbs b/ProjectSourceCode/src/views/partials/navigation-bar/register.hbs
index 30a24b3..ec0062f 100644
--- a/ProjectSourceCode/src/views/partials/navigation-bar/register.hbs
+++ b/ProjectSourceCode/src/views/partials/navigation-bar/register.hbs
@@ -1,4 +1,4 @@
-<div class="register-page" id="register-page">
+<div class="account-portal-container" id="register-page">
   <div class="form-container">
 
     <h1 class="mt-5 mb-4">Register</h1>