Fix [Artifact] tooltip label hover pop up issue (iguazio#368)

Author: adi-gini

src/lib/components/FormChipCell/FormChip/formChip.scss

@@ -19,6 +19,12 @@
   &__content {
     display: flex;
     align-items: center;
+
+    &-item {
+      flex: 1 1 50%;
+      max-width: fit-content;
+      align-self: flex-start;
+    }
   }
 
   &__delimiter {

src/lib/components/FormChipCell/FormChipCellView.js

@@ -113,13 +113,15 @@ const FormChipCellView = React.forwardRef(
                                 text={
                                   chipData.tooltip || (
                                     <span className="chip__content">
-                                      {chipData.key}
+                                      <span className="chip__content-item">{chipData.key}</span>
                                       {!chipData.isKeyOnly && (
                                         <>
                                           <span className="chip__delimiter">
                                             {chipData.delimiter ? chipData.delimiter : ':'}
                                           </span>
-                                          {chipData.value}
+                                          <span className="chip__content-item">
+                                            {chipData.value}
+                                          </span>
                                         </>
                                       )}
                                     </span>