cleaning up footer

packages/desktop/src/components/FooterControls.tsx

@@ -78,7 +78,7 @@ export default function FooterControls() {
           <Switch color="secondary" size="small" />
         </Tooltip>
 
-        <Stack direction={'row'} alignItems={'center'} component="div" sx={{ flex: 1 }}>
+        <Stack direction={'row'} alignItems={'center'} component="div">
           <Tooltip title="Sound configuration">
             <IconButton color="inherit" size="small">
               <FiHeadphones />
@@ -91,14 +91,11 @@ export default function FooterControls() {
         </Stack>
 
         {selectedConversation && (
-          <Box sx={{ mx: 'auto' }}>
           <Stack
             direction={'row'}
             sx={{
-                py: 2,
+              flex: 1,
-                px: 2,
+              mx: 'auto',
-                borderBottom: '1px solid',
-                borderBottomColor: blueGrey[100],
               WebkitAppRegion: 'drag',
               cursor: 'pointer',
             }}
@@ -134,7 +131,6 @@ export default function FooterControls() {
               ))}
             </AvatarGroup>
           </Stack>
-          </Box>
         )}
 
         {/* todo: add a third mode which is when toggle broadcasting */}