Improved ChatBubble white space

frontend/src/ChatBubble.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box, Typography } from '@mui/material';
+import { Box } from '@mui/material';
 import { useTheme } from '@mui/material/styles';
 import { SxProps, Theme } from '@mui/material';
 import Accordion from '@mui/material/Accordion';
@@ -24,14 +24,21 @@ function ChatBubble({ role, isFullWidth, children, sx, className, title }: ChatB
 
   const defaultRadius = '16px';
   const defaultStyle = {
-    padding: theme.spacing(1, 1),
+    padding: theme.spacing(1, 2),
     fontSize: '0.875rem',
     alignSelf: 'flex-start', // Left-aligned is used by default
     maxWidth: '100%',
     minWidth: '80%',
     '& > *': {
       color: 'inherit', // Children inherit 'color' from parent
+      overflow: 'hidden',
+      m: 0,
     },
+    '& > :last-child': {
+      mb: 0,
+      m: 0,
+      p: 0,
+    }
   }
 
   const styles = {