overflow for overlay

packages/desktop/src/tree/FooterControls.tsx

@@ -106,6 +106,7 @@ export default function FooterControls() {
         bgcolor: blueGrey[800],
 
         display: 'flex',
+        flexDirection: 'column',
       }}
       className={'titlebar'}
     >
@@ -114,9 +115,9 @@ export default function FooterControls() {
         alignItems={'center'}
         justifyContent={'flex-start'}
         sx={{
-          color: 'GrayText',
           p: 1,
           flex: 1,
+          overflow: 'auto',
         }}
       >
         {priorityConversations.map((masterPriorityConversation) => (
@@ -135,6 +136,7 @@ export default function FooterControls() {
             <OverlayConversation masterConversation={selectedConversation} isSelected={true} />
           </>
         )}
+      </Stack>
 
       <Stack sx={{ mt: 'auto' }} spacing={1} direction={'column'} alignItems={'center'}>
         <Divider orientation="horizontal" flexItem />
@@ -170,7 +172,6 @@ export default function FooterControls() {
           </IconButton>
         </Tooltip>
       </Stack>
-      </Stack>
 
       <UserSettingsDialog open={openUserSettings} handleClose={handleCloseUserSettings} />
     </Box>