Update Terminal.tsx

packages/desktop/src/components/Terminal.tsx

@@ -512,7 +512,6 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
             backgroundColor: blueGrey[50],
             boxShadow: 3,
             borderRight: `1px solid ${blueGrey}`,
-            position: 'relative',
           }}
         >
           <Stack
@@ -520,7 +519,6 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
             spacing={1}
             sx={{
               p: 2,
-              height: 'inherit',
             }}
           >
             <Navbar
@@ -536,14 +534,11 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
                 lookingForSomeone={selectedConversationId && !selectedConversation}
               />
             )}
-          </Stack>
 
             {/* footer controls */}
             <Box
               sx={{
-              top: 'auto',
-              bottom: 0,
-              position: 'absolute',
+                mt: 'auto',
 
                 borderTop: '1px solid',
                 borderTopColor: blueGrey[100],
@@ -634,15 +629,6 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
                 transformOrigin={{ horizontal: 'right', vertical: 'top' }}
                 anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}
               >
-              <MenuItem>
-                <Avatar /> Profile
-              </MenuItem>
-              <MenuItem>
-                <Avatar /> My account
-              </MenuItem>
-
-              <Divider />
-
                 <MenuItem onClick={logout}>
                   <ListItemIcon>
                     <FiLogOut />
@@ -651,6 +637,7 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
                 </MenuItem>
               </Menu>
             </Box>
+          </Stack>
         </Grid>
 
         <MainPanel />