Avoid wrapping VM concern lables into more than one line

Reference: #1025 Wrap the VM concern labels in provider VMs tab and Plan create VMs modal into one line. Signed-off-by: Sharon Gratch <[email protected]>
kubev2v · Apr 1, 2024 · ae1e089 · ae1e089
1 parent 6a154d7
commit ae1e089
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/...odules/Providers/views/details/tabs/VirtualMachines/components/VMConcernsCellRenderer.tsx b/...odules/Providers/views/details/tabs/VirtualMachines/components/VMConcernsCellRenderer.tsx
@@ -28,7 +28,7 @@ export const VMConcernsCellRenderer: React.FC<VMCellProps> = ({ data }) => {
 
   return (
     <TableCell>
-      <Flex spaceItems={{ default: 'spaceItemsNone' }}>
+      <Flex spaceItems={{ default: 'spaceItemsNone' }} flexWrap={{ default: 'nowrap' }}>
         {['Critical', 'Information', 'Warning'].map((category) => (
           <FlexItem key={category}>
             <ConcernPopover category={category} concerns={groupedConcerns[category] || []} />