From c36017c106260fc0b4c5b28f0d482d138d284bb1 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Tue, 31 May 2022 06:09:05 -0500
Subject: [PATCH] fixing different sizing

---
 packages/desktop/src/components/ConversationDetails.tsx | 6 +++---
 packages/desktop/src/components/ConversationList.tsx    | 9 +++++++--
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/packages/desktop/src/components/ConversationDetails.tsx b/packages/desktop/src/components/ConversationDetails.tsx
index a1ba28f..5b47cdf 100644
--- a/packages/desktop/src/components/ConversationDetails.tsx
+++ b/packages/desktop/src/components/ConversationDetails.tsx
@@ -2,6 +2,7 @@ import {
   Avatar,
   AvatarGroup,
   Box,
+  Button,
   Container,
   Fab,
   IconButton,
@@ -103,9 +104,8 @@ export default function ConversationDetails() {
           background: 'white',
         }}
       >
-        <Typography variant="h6">{`Ready?!`}</Typography>
-        <Typography variant="caption">Get the party started!</Typography>
-        <Typography variant="caption">Look at the controls at the bottom right!</Typography>
+        <Typography variant="h6">{`Let's get started!`}</Typography>
+        <Button variant="text">Click here to learn the controls!</Button>
       </Container>
     );
   }
diff --git a/packages/desktop/src/components/ConversationList.tsx b/packages/desktop/src/components/ConversationList.tsx
index 92b7664..8adfa5f 100644
--- a/packages/desktop/src/components/ConversationList.tsx
+++ b/packages/desktop/src/components/ConversationList.tsx
@@ -20,6 +20,7 @@ import { useKeyPressEvent, useRendersCount } from 'react-use';
 
 import Conversation from '@nirvana/core/src/models/conversation.model';
 import ConversationLabel from '../subcomponents/ConversationLabel';
+import { FaRocket } from 'react-icons/fa';
 import KeyboardShortcutLabel from './KeyboardShortcutLabel';
 import { SUPPORT_DISPLAY_NAME } from '../util/support';
 import useAuth from '../providers/AuthProvider';
@@ -63,7 +64,7 @@ export function ConversationList({ lookingForSomeone = false }: { lookingForSome
       <List
         subheader={
           <ListSubheader>
-            <FiActivity />
+            <FaRocket />
             <Typography variant="subtitle2"> Priority</Typography>
           </ListSubheader>
         }
@@ -144,7 +145,11 @@ export function ConversationRow({
           </Box>
         )}
 
-        <Stack direction={'row'} spacing={1} sx={{ ml: 2, mr: 'auto', color: 'GrayText' }}>
+        <Stack
+          direction={'row'}
+          spacing={1}
+          sx={{ ml: 2, mr: 'auto', color: 'GrayText', overflow: 'auto' }}
+        >
           {keyboardShortcut && <KeyboardShortcutLabel label={keyboardShortcut.toString()} />}
           <ConversationLabel
             users={conversation.userCache ?? []}