diff --git a/index.html b/index.html
index 0ea563f..d203bef 100644
--- a/index.html
+++ b/index.html
@@ -17,7 +17,7 @@
     <link
         href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="css/styles.css">
+    <link rel="stylesheet" href="website/style.css">
 </head>
 
 <body id="body">
@@ -64,25 +64,15 @@
     <nav id="navbar">
         <img src="website/web_images/3dlogo.svg" alt="Dataverse Logo" class="logo" id="normal">
         <img src="website/web_images/3d_glow.png" alt="Dataverse Logo" class="logo" id="glow">
-        <div class="scrollBar" id="progress_bar"></div> <!--PROGRESS BAR-->
-        <button style="
-        background-color: dimgray;
-        position: relative;
-        left: 1300px;
-        top: 8px;
-        height: 40px;
-        width: 130px; 
-        font-size: 17px;
-        border: none;
-        border-radius: 10px;
-        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
-
-        "><a href="login.html">Login/Signup</a>
+        <div class="scrollBar" id="progress_bar"></div> <!-- PROGRESS BAR -->
+        
+        <button class="login-button">
+            <a href="login.html">Login/Signup</a>
         </button>
     </nav>
 
-    <button class="burger" id="burger" onclick="show()"></button>
-    <button id="cross" class="burger" onclick="hide()"></button>
+    <button class="burger" id="burger" onclick="show()" aria-label="Open Menu"></button>
+    <button id="cross" class="burger" onclick="hide()" aria-label="Close Menu"></button>
     <div class="burger" id="lines">
         <div class="line" id="l1"></div>
         <div class="line" id="l2"></div>
@@ -116,6 +106,9 @@
             <tr>
                 <td><a href="website/license.html" class="table_link">License</a></td>
             </tr>
+            <tr>
+                <td><a href="login.html" class="table_link">Login/Signup</a></td>
+            </tr>
         </table>
     </div>
     <div class="scroll_icon" id="scroll_icon">SCROLL TO KNOW MORE
diff --git a/login.html b/login.html
index e80c967..2b912c5 100644
--- a/login.html
+++ b/login.html
@@ -20,7 +20,7 @@
 
 <body>
     <div style="text-align: right; margin: 10px;">
-        <a href="index.html" class="btn btn-secondary" style="width: 150px; position: relative; right: 1330px;">Back to Home</a>
+        <a href="index.html" class="btn btn-secondary" style="width: 150px; position: relative; right:1250px;">Back to Home</a>
     </div>
     <div class="login-container" style="padding-top: 20px;">
         <h2 style="text-align: center;">Login</h2>
diff --git a/signup.html b/signup.html
index 6aeb3cc..39908a2 100644
--- a/signup.html
+++ b/signup.html
@@ -25,7 +25,7 @@
 
 <body>
     <div style="text-align: right; margin: 10px;">
-        <a href="index.html" class="btn btn-secondary" style="width: 150px; position: relative; right: 1330px;">Back to Home</a>
+        <a href="index.html" class="btn btn-secondary" style="width: 150px; position: relative; right: 1250px;">Back to Home</a>
     </div>
     <div class="login-container" style="padding-top: 20px;">
         <h2 style="text-align: center;">Signup</h2>
@@ -46,7 +46,7 @@ <h2 style="text-align: center;">Signup</h2>
             <input type="password" placeholder="Confirm your Password" id="confirmPasswordInput" class="form-control" aria-describedby="passwordHelpBlock" style="width: 400px">
         </div>
         <button type="button" class="btn btn-primary" id="signupButton" style="width: 400px; margin-left: 40px;">Signup</button>
-        <div style="text-align: center; margin-top: 10px;">
+        <div style="text-align: center; margin-top: 10px; padding-bottom: 11px;">
             <p>Already have an account? <a href="login.html" style="text-decoration: none;">Login</a></p>
         </div>
     </div>
diff --git a/website/style.css b/website/style.css
index 7372c4e..37bd9be 100644
--- a/website/style.css
+++ b/website/style.css
@@ -370,8 +370,31 @@ body.light-mode footer h3{
     backdrop-filter: blur(7px);
     background-color: #0000004b;
     transition-duration: 0.3s;
+    display: flex;
+    justify-content: space-between; /* Align items to the edges */
+    align-items: center; /* Center items vertically */
+}
+.login-button {
+    background-color: dimgray;
+    position: relative;
+    height: 40px;
+    width: 130px; 
+    font-size: 17px;
+    border: none;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+    margin-left: auto;
+    right:-50px;
 }
 
+@media (max-width: 768px) {
+    .plane {
+        display: block; /* Show the menu on mobile */
+    }
+    .login-button {
+        display: none; /* Hide the login link */
+    }
+}
 table {
     margin-top: 60px;
     width: 100%;
