diff --git a/src/components/BookListSection/book/Book.css b/src/components/BookListSection/book/Book.css
index 65029b8..c875072 100644
--- a/src/components/BookListSection/book/Book.css
+++ b/src/components/BookListSection/book/Book.css
@@ -4,7 +4,7 @@ li[data-testid^='bookList_item'] {
   justify-content: space-between;
   gap: 1rem;
   align-items: center;
-  padding: 0.5rem;
+  padding: 0.5rem 1rem;
   background-color: #fff;
   border-bottom: 1px solid #ccc;
 }
diff --git a/src/components/header/Header.css b/src/components/header/Header.css
index f1e5016..6aedbda 100644
--- a/src/components/header/Header.css
+++ b/src/components/header/Header.css
@@ -32,10 +32,13 @@ a[data-testid='header_login_btn'] {
   text-decoration: none;
   cursor: pointer;
   color: #fff;
+  display: inline-block;
+  transition: transform 0.3s linear;
 }
 
 a[data-testid='header_login_btn']:hover {
-  text-shadow: 0 0 8px #ffffff;
+  text-shadow: 0 0 10px #ffffff;
+  transform: scale(1.1);
 }
 
 @media screen and (max-width: 650px) {
diff --git a/src/components/header/Header.jsx b/src/components/header/Header.jsx
index 8debf25..346847c 100644
--- a/src/components/header/Header.jsx
+++ b/src/components/header/Header.jsx
@@ -15,7 +15,7 @@ const Header = () => {
       <div data-testid="header_login_wrapper">
         {location.pathname !== '/login' && (
           <Link to="/login" data-testid="header_login_btn">
-            <span>Login</span>
+            Login
           </Link>
         )}
       </div>
diff --git a/src/components/login/Login.css b/src/components/login/Login.css
index fb78744..629dadf 100644
--- a/src/components/login/Login.css
+++ b/src/components/login/Login.css
@@ -9,6 +9,12 @@ div[data-testid='login_page'] {
 a[data-testid='login_back_btn'] {
   font-size: 2.5rem;
   color: #fff;
+  display: inline-block;
+  transition: transform 0.3s linear;
+}
+
+a[data-testid='login_back_btn']:hover {
+  transform: scale(1.1);
 }
 
 form[data-testid='login_form'] {