From 0ccc0f6e4ae7662ea8a9f17511b4e9e915ea0c79 Mon Sep 17 00:00:00 2001
From: Maciej Bodek <maciej.bodek@gmail.com>
Date: Tue, 31 Oct 2023 09:46:02 +0100
Subject: [PATCH] import: fix status wrap

---
 .../src/scenes/Import/ImportCSVFiles/file-status.tsx     | 9 +++++++--
 1 file changed, 7 insertions(+), 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
index 0f1cd6e02..756edd5c0 100644
--- 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>
   ) : (