From 46777e6c1f9ac0ebb7dbcbe59de3d06b2db47d8b Mon Sep 17 00:00:00 2001
From: Sebastian Malton <smalton@mirantis.com>
Date: Mon, 31 Aug 2020 13:55:04 -0400
Subject: [PATCH] span to div, better key

Signed-off-by: Sebastian Malton <smalton@mirantis.com>
---
 src/renderer/components/editable-list/editable-list.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/editable-list/editable-list.tsx b/src/renderer/components/editable-list/editable-list.tsx
index e402e82b19..57a2720d9c 100644
--- a/src/renderer/components/editable-list/editable-list.tsx
+++ b/src/renderer/components/editable-list/editable-list.tsx
@@ -55,8 +55,8 @@ export class EditableList<T> extends React.Component<Props<T>> {
           {
             items
               .map((item, index) => [
-                <span key={`${item}-value`}>{renderItem(item, index)}</span>,
-                <div key={`${item}-remove`} className="el-value-remove">
+                <div key={`${index}-value`}>{renderItem(item, index)}</div>,
+                <div key={`${index}-remove`} className="el-value-remove">
                   <Icon material="delete_outline" onClick={() => remove(({ index, oldItem: item }))} />
                 </div>
               ])