fix term issues

src/Terminal/ui/TerminalInput.tsx

@@ -4,6 +4,8 @@ import { Theme } from "@mui/material/styles";
 import makeStyles from "@mui/styles/makeStyles";
 import createStyles from "@mui/styles/createStyles";
 import TextField from "@mui/material/TextField";
+import Paper from "@mui/material/Paper";
+
 import { KEY } from "../../../utils/helpers/keyCodes";
 import { ITerminal } from "../ITerminal";
 import { IEngine } from "../../IEngine";
@@ -326,14 +328,14 @@ export function TerminalInput({ terminal, engine, player }: IProps): React.React
   return (
     <>
       {possibilities.length > 0 && (
-        <>
+        <Paper square>
           <Typography classes={{ root: classes.preformatted }} color={"primary"} paragraph={false}>
             Possible autocomplete candidate:
           </Typography>
           <Typography classes={{ root: classes.preformatted }} color={"primary"} paragraph={false}>
             {possibilities.join(" ")}
           </Typography>
-        </>
+        </Paper>
       )}
       <TextField
         variant="standard"

src/Terminal/ui/TerminalRoot.tsx

@@ -101,8 +101,13 @@ export function TerminalRoot({ terminal, engine, player }: IProps): React.ReactE
                 </ListItem>
               );
           })}
+
+          {terminal.action !== null && (
+            <ListItem classes={{ root: classes.nopadding }}>
+              <ActionTimer terminal={terminal} />{" "}
+            </ListItem>
+          )}
         </List>
-        {terminal.action !== null && <ActionTimer terminal={terminal} />}
         <div ref={scrollHook}></div>
       </Box>
       <Box position="sticky" bottom={0} width="100%" px={1}>