diff --git a/pkg/ui/src/views/app/components/layoutSidebar/index.tsx b/pkg/ui/src/views/app/components/layoutSidebar/index.tsx
index 1afb92e67f8f..d002a72d6cb2 100644
--- a/pkg/ui/src/views/app/components/layoutSidebar/index.tsx
+++ b/pkg/ui/src/views/app/components/layoutSidebar/index.tsx
@@ -89,13 +89,17 @@ function LoginIndicator({ loginState, handleLogout }: LoginIndicatorProps) {
 
   return (
     <li className="login-indicator">
-        <div
-          className="login-indicator__initial"
-          title={`Signed in as ${user}`}
-        >
-          { user[0] }
+      <Link to={LOGOUT_PAGE} onClick={handleLogout}>
+        <div>
+          <div
+            className="login-indicator__initial"
+            title={`Signed in as ${user}`}
+          >
+            {user[0]}
+          </div>
+          Log Out
         </div>
-        <Link to={LOGOUT_PAGE} onClick={handleLogout}>Log Out</Link>
+      </Link>
     </li>
   );
 }