diff --git a/web/packages/teleterm/src/ui/TopBar/Identity/Identity.story.tsx b/web/packages/teleterm/src/ui/TopBar/Identity/Identity.story.tsx
index 0d232404e0e57..99fc066de588f 100644
--- a/web/packages/teleterm/src/ui/TopBar/Identity/Identity.story.tsx
+++ b/web/packages/teleterm/src/ui/TopBar/Identity/Identity.story.tsx
@@ -33,7 +33,7 @@ export default {
 
 const makeTitle = (userWithClusterName: string) => userWithClusterName;
 const profileStatusError =
-  'No YubiKey device connected with serial number 14358031';
+  'No YubiKey device connected with serial number 14358031. Connect the device and try again.';
 
 const OpenedIdentity = (props: IdentityProps) => {
   const ref = useRef<IdentityHandler>();
diff --git a/web/packages/teleterm/src/ui/TopBar/Identity/Identity.tsx b/web/packages/teleterm/src/ui/TopBar/Identity/Identity.tsx
index ce6552985d4f9..c329ff26945c7 100644
--- a/web/packages/teleterm/src/ui/TopBar/Identity/Identity.tsx
+++ b/web/packages/teleterm/src/ui/TopBar/Identity/Identity.tsx
@@ -165,4 +165,5 @@ export const Identity = React.forwardRef<IdentityHandler, IdentityProps>(
 
 const Container = styled(Box)`
   background: ${props => props.theme.colors.levels.elevated};
+  width: 100%;
 `;
diff --git a/web/packages/teleterm/src/ui/TopBar/Identity/IdentityList/IdentityListItem.tsx b/web/packages/teleterm/src/ui/TopBar/Identity/IdentityList/IdentityListItem.tsx
index f02e83e641a81..6725d53ffec5b 100644
--- a/web/packages/teleterm/src/ui/TopBar/Identity/IdentityList/IdentityListItem.tsx
+++ b/web/packages/teleterm/src/ui/TopBar/Identity/IdentityList/IdentityListItem.tsx
@@ -58,7 +58,7 @@ export function IdentityListItem(props: {
       }}
     >
       <Flex justifyContent="space-between" alignItems="center" width="100%">
-        <Flex flexDirection="column">
+        <Flex flexDirection="column" minWidth="0">
           <Text typography="body2" title={userWithClusterName}>
             {userWithClusterName}
           </Text>