diff --git a/app/routes/_index.tsx b/app/routes/_index.tsx
index d849b3a..6e7b99d 100644
--- a/app/routes/_index.tsx
+++ b/app/routes/_index.tsx
@@ -53,8 +53,11 @@ export default function Index() {
               <>
                 <p className="header_user">{user.email}</p>
                 <Form action="/logout" method="post">
-                  <button type="submit" className="header_link">
-                    Logout
+                  <button
+                    type="submit"
+                    className="header_link header_link___button"
+                  >
+                    Sign out
                   </button>
                 </Form>
               </>
diff --git a/app/routes/reservations.tsx b/app/routes/reservations.tsx
index 8ffa004..c618a49 100644
--- a/app/routes/reservations.tsx
+++ b/app/routes/reservations.tsx
@@ -36,7 +36,10 @@ export default function ReservationsPage() {
           <div className="header_right">
             <p className="header_user">{user.email}</p>
             <Form action="/logout" method="post">
-              <button type="submit" className="header_link">
+              <button
+                type="submit"
+                className="header_link header_link___button"
+              >
                 Sign out
               </button>
             </Form>
diff --git a/app/styles.css b/app/styles.css
index 728a641..da09879 100644
--- a/app/styles.css
+++ b/app/styles.css
@@ -137,7 +137,10 @@ body {
 }
 
 .header_right {
+  display: flex;
+  flex-direction: column;
   font-size: var(--small-font-size);
+  gap: 10px;
   text-align: right;
 }
 
@@ -154,7 +157,7 @@ body {
 .header_link___button {
   background-color: rgba(255, 255, 255, 0.137);
   border-radius: 10px;
-  padding: 10px 15px;
+  padding: 8px 15px;
   white-space: nowrap;
 }
 
@@ -185,7 +188,6 @@ body {
 
   .header_link___button {
     font-size: var(--small-font-size);
-    padding: 8px 10px;
   }
 }