diff --git a/src/components/Konnector/KonnectorViewerList.tsx b/src/components/Konnector/KonnectorViewerList.tsx
index 9f6022b292346eacad015ff06a72a5a92bc99633..f66db82fdfc3a17e48d9960f6b06a745e9268300 100644
--- a/src/components/Konnector/KonnectorViewerList.tsx
+++ b/src/components/Konnector/KonnectorViewerList.tsx
@@ -20,26 +20,30 @@ const KonnectorViewerList = () => {
     },
     [navigate]
   )
-  return fluidStatus.map((fluidStatusItem: FluidStatus, key: number) => (
-    <StyledCard
-      key={key}
-      className="connection-card"
-      onClick={() => goToFluid(fluidStatusItem.fluidType)}
-    >
-      <Icon icon={getAddPicto(fluidStatusItem.fluidType)} size={36} />
-      <div
-        className={`konnector-title text-18-bold ${FluidType[
-          fluidStatusItem.fluidType
-        ].toLowerCase()}`}
-      >
-        {t(
-          `konnector_options.label_connect_to_${FluidType[
-            fluidStatusItem.fluidType
-          ].toLowerCase()}`
-        )}
-      </div>
-    </StyledCard>
-  ))
+  return (
+    <>
+      {fluidStatus.map((fluidStatusItem: FluidStatus, key: number) => (
+        <StyledCard
+          key={key}
+          className="connection-card"
+          onClick={() => goToFluid(fluidStatusItem.fluidType)}
+        >
+          <Icon icon={getAddPicto(fluidStatusItem.fluidType)} size={36} />
+          <div
+            className={`konnector-title text-18-bold ${FluidType[
+              fluidStatusItem.fluidType
+            ].toLowerCase()}`}
+          >
+            {t(
+              `konnector_options.label_connect_to_${FluidType[
+                fluidStatusItem.fluidType
+              ].toLowerCase()}`
+            )}
+          </div>
+        </StyledCard>
+      ))}
+    </>
+  )
 }
 
 export default KonnectorViewerList