diff --git a/apps/builder/src/components/inputs/VariableSearchInput.tsx b/apps/builder/src/components/inputs/VariableSearchInput.tsx
index 04eef917d6..1ff015f19b 100644
--- a/apps/builder/src/components/inputs/VariableSearchInput.tsx
+++ b/apps/builder/src/components/inputs/VariableSearchInput.tsx
@@ -12,6 +12,7 @@ import {
PopoverAnchor,
Portal,
Tag,
+ Text,
} from '@chakra-ui/react'
import { EditIcon, PlusIcon, TrashIcon } from '@/components/icons'
import { useTypebot } from '@/features/editor/providers/TypebotProvider/TypebotProvider'
@@ -210,7 +211,9 @@ export const VariableSearchInput = ({
>
Create
- {inputValue}
+
+ {inputValue}
+
)}
@@ -240,7 +243,10 @@ export const VariableSearchInput = ({
}
transition="none"
>
- {item.name}
+
+ {item.name}
+
+
}
diff --git a/apps/builder/src/features/graph/components/Nodes/BlockNode/BlockNodeContent/WithVariableContent.tsx b/apps/builder/src/features/graph/components/Nodes/BlockNode/BlockNodeContent/WithVariableContent.tsx
index ee9df69209..b2f5887899 100644
--- a/apps/builder/src/features/graph/components/Nodes/BlockNode/BlockNodeContent/WithVariableContent.tsx
+++ b/apps/builder/src/features/graph/components/Nodes/BlockNode/BlockNodeContent/WithVariableContent.tsx
@@ -15,7 +15,7 @@ export const WithVariableContent = ({ block }: Props) => {
)?.name
return (
-
+
Collect{' '}
-
-
- Shown in table:
-
-
+ Shown in table:
+
+
+
-
- {sortedHeader.map((header) => (
-
- ))}
-
-
-
- {draggingColumnId ? : null}
-
-
-
-
+ {sortedHeader.map((header) => (
+
+ ))}
+
+
+
+ {draggingColumnId ? : null}
+
+
+
)
}
@@ -147,7 +145,7 @@ const SortableColumns = ({
opacity={isDragging || isHidden ? 0.5 : 1}
{...attributes}
>
-
+