[Agent Builder] fix input round styles (#242020)

Author: chrisbmar

x-pack/platform/plugins/shared/onechat/public/application/components/conversations/conversation_rounds/round_layout.tsx

@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import { EuiFlexGroup, EuiFlexItem, EuiPanel, useEuiTheme } from '@elastic/eui';
+import { EuiFlexGroup, EuiFlexItem, EuiPanel, euiTextBreakWord, useEuiTheme } from '@elastic/eui';
 import { css } from '@emotion/react';
 import type { ReactNode } from 'react';
 import React, { useEffect, useState } from 'react';
@@ -49,10 +49,10 @@ export const RoundLayout: React.FC<RoundLayoutProps> = ({
 
   const { euiTheme } = useEuiTheme();
   const inputContainerStyles = css`
-    width: 100%;
     align-self: end;
     max-inline-size: 80%;
     background-color: ${euiTheme.colors.backgroundBasePrimary};
+    ${euiTextBreakWord()}
   `;
 
   const roundContainerStyles = css`