fix builder overflow issue

Author: yctercero

x-pack/plugins/security_solution/public/common/components/exceptions/builder/exception_item.tsx

@@ -26,6 +26,11 @@ const MyBeautifulLine = styled(EuiFlexItem)`
   }
 `;
 
+const MyOverflowContainer = styled(EuiFlexItem)`
+  overflow: hidden;
+  width: 100%;
+`;
+
 interface BuilderExceptionListItemProps {
   exceptionItem: ExceptionsBuilderExceptionItem;
   exceptionId: string;
@@ -97,13 +102,13 @@ export const BuilderExceptionListItemComponent = React.memo<BuilderExceptionList
             andLogicIncluded={andLogicIncluded}
             exceptionItemIndex={exceptionItemIndex}
           />
-          <EuiFlexItem grow={6}>
+          <MyOverflowContainer grow={6}>
             <EuiFlexGroup gutterSize="s" direction="column">
               {entries.map((item, index) => (
                 <EuiFlexItem key={`${exceptionId}-${index}`} grow={1}>
                   <EuiFlexGroup gutterSize="xs" alignItems="center" direction="row">
                     {item.nested === 'child' && <MyBeautifulLine grow={false} />}
-                    <EuiFlexItem grow={1}>
+                    <MyOverflowContainer grow={1}>
                       <BuilderEntryItem
                         entry={item}
                         indexPattern={indexPattern}
@@ -114,7 +119,7 @@ export const BuilderExceptionListItemComponent = React.memo<BuilderExceptionList
                         onChange={handleEntryChange}
                         onlyShowListOperators={onlyShowListOperators}
                       />
-                    </EuiFlexItem>
+                    </MyOverflowContainer>
                     <BuilderEntryDeleteButtonComponent
                       entries={exceptionItem.entries}
                       isOnlyItem={isOnlyItem}
@@ -127,7 +132,7 @@ export const BuilderExceptionListItemComponent = React.memo<BuilderExceptionList
                 </EuiFlexItem>
               ))}
             </EuiFlexGroup>
-          </EuiFlexItem>
+          </MyOverflowContainer>
         </EuiFlexGroup>
       </EuiFlexItem>
     );