diff --git a/frontend/src/ChatBubble.tsx b/frontend/src/ChatBubble.tsx
index b362483..db33ee2 100644
--- a/frontend/src/ChatBubble.tsx
+++ b/frontend/src/ChatBubble.tsx
@@ -18,8 +18,8 @@ function ChatBubble({ isUser, isFullWidth, children, sx }: ChatBubbleProps) {
     border: `1px solid ${theme.palette.custom.highlight}`, // Golden Ochre (#D4A017)
     borderRadius: '16px 16px 0 16px', // Rounded, flat bottom-right for user
     padding: theme.spacing(1, 2),
-    maxWidth: isFullWidth ? '100%' : '70%',
-    minWidth: '70%',
+    maxWidth: isFullWidth ? '100%' : '100%',
+    minWidth: '80%',
     alignSelf: 'flex-end', // Right-aligned for user
     color: theme.palette.primary.main, // Midnight Blue (#1A2536) for text
     '& > *': {
@@ -32,8 +32,8 @@ function ChatBubble({ isUser, isFullWidth, children, sx }: ChatBubbleProps) {
     border: `1px solid ${theme.palette.secondary.main}`, // Dusty Teal (#4A7A7D)
     borderRadius: '16px 16px 16px 0', // Rounded, flat bottom-left for assistant
     padding: theme.spacing(1, 2),
-    maxWidth: isFullWidth ? '100%' : '70%',
-    minWidth: '70%',
+    maxWidth: isFullWidth ? '100%' : '100%',
+    minWidth: '80%',
     alignSelf: 'flex-start', // Left-aligned for assistant
     color: theme.palette.primary.contrastText, // Warm Gray (#D3CDBF) for text
     '& > *': {