ChatMessage: fix broken overflow

src/apps/chat/components/message/ChatMessage.tsx

@@ -556,8 +556,7 @@ export function ChatMessage(props: {
         '&:hover > button': { opacity: 1 },
 
         // layout
-        display: 'grid',
-        gap: 1,
+        display: 'block', // this is Needed, otherwise there will be a horizontal overflow
 
         ...props.sx,
       }}

src/modules/beam/scatter/BeamScatterInput.tsx

@@ -71,7 +71,7 @@ export function BeamScatterInput(props: {
   const userMessageDecorator = React.useMemo(() => {
     return (/*showHistoryMessage &&*/ otherHistoryCount >= 1 && scatterShowPrevMessages) ? (
       // <Chip color='primary' variant='outlined' endDecorator={<ChipDelete />} sx={{ my: 1 }}>
-      <Typography level='body-xs' sx={{ my: 1, mx: 'auto', color: 'neutral.softColor' }} onClick={undefined /*() => setShowHistoryMessage(on => !on)*/}>
+      <Typography level='body-xs' sx={{ my: 1, textAlign: 'center', color: 'neutral.softColor' }} onClick={undefined /*() => setShowHistoryMessage(on => !on)*/}>
         ... {otherHistoryCount === 1 ? (isFirstMessageSystem ? '1 system message' : '1 message') : `${otherHistoryCount} messages`} before this one ...
       </Typography>
       // </Chip>