import: fix status wrap

questdb · Oct 31, 2023 · 0ccc0f6 · 0ccc0f6
1 parent 399dd71
commit 0ccc0f6
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/web-console/src/scenes/Import/ImportCSVFiles/file-status.tsx b/packages/web-console/src/scenes/Import/ImportCSVFiles/file-status.tsx
@@ -10,6 +10,11 @@ const CheckboxCircleIcon = styled(CheckboxCircle)`
   color: ${({ theme }) => theme.color.green};
 `
 
+const StyledBox = styled(Box)`
+  gap: 0.5rem;
+  white-space: nowrap;
+`
+
 const mapStatusToLabel = (
   file: ProcessedFile,
 ):
@@ -70,9 +75,9 @@ export const FileStatus = ({ file }: { file: ProcessedFile }) => {
   return mappedStatus ? (
     <Box gap="1rem" align="flex-start" flexDirection="column">
       <Badge type={mappedStatus.type}>
-        <Box gap="0.5rem">
+        <StyledBox>
           {mappedStatus.icon} {mappedStatus.label}
-        </Box>
+        </StyledBox>
       </Badge>
     </Box>
   ) : (