diff --git a/assets/css/style.css b/assets/css/style.css
index 6eaf3c31..9a2331e9 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -617,6 +617,7 @@ html {
 
 .navbar-link:is(:hover, :focus) {
   background-color: var(--pistachio);
+  transition: 1.5s ease-in-out;
 }
 
 .header-action {
diff --git a/index.html b/index.html
index 4ff2562c..e249cc31 100644
--- a/index.html
+++ b/index.html
@@ -236,13 +236,13 @@ <h1>
 
            <li>
                 <a id="loginLink" class="navbar-link login-nav" href="login.html" data-nav-link>
-                      <span>Login</span>
+                      <span class="new_size">Login</span>
                       <ion-icon name="chevron-forward-outline" aria-hidden="true"></ion-icon>
                 </a>
             </li>
           <li>
             <a id="registerLink" class="navbar-link login-nav" href="register.html" data-nav-link>
-              <span>Register</span>
+              <span class="new_size">Register</span>
               <ion-icon name="chevron-forward-outline" aria-hidden="true"></ion-icon>
             </a>
           </li>