diff --git a/src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/menu/SideMenu.svelte b/src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/menu/SideMenu.svelte
index c3fb4a6..a973367 100644
--- a/src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/menu/SideMenu.svelte
+++ b/src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/menu/SideMenu.svelte
@@ -63,12 +63,25 @@
 
     <div id="profileSpace">
         <div id="profileInfo">Hello, {username}</div>
-        <button id="logout" on:click={() => {
+        <div id="logout" role="button"
+        tabindex="0"  
+        on:click={() => {
+        deleteCookie('access_token');
+        deleteCookie('refresh_token');
+        window.location.href = '/auth/login';
+    }}
+        on:keydown={e => {
+        if (e.key === 'Enter' || e.key === ' ') {
             deleteCookie('access_token');
             deleteCookie('refresh_token');
             window.location.href = '/auth/login';
-        }}>Log out</button>
+        }
+    }}
+        >
+        Log out
     </div>
+
+</div>
 </div>
 
 <style>
@@ -117,6 +130,7 @@
     #profileSpace {
         margin-bottom: 20px;
         display: flex;
+        flex-direction: row;
         justify-content: center;
         color:white;
         font-weight: 900;