From 65a2b6d91d8b97f244a9c19160b93a8d0505a4e6 Mon Sep 17 00:00:00 2001
From: Vadzim Hvazdovich <vadzim_hvazdovich@epam.com>
Date: Mon, 30 Oct 2023 18:29:21 +0400
Subject: [PATCH] EPMRPP-85818 || Increase the Key and Value length

---
 .../editableAttribute/attribute/attribute.jsx          | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/src/componentLibrary/attributeList/editableAttribute/attribute/attribute.jsx b/app/src/componentLibrary/attributeList/editableAttribute/attribute/attribute.jsx
index 389c045131..7ea3e5fcf9 100644
--- a/app/src/componentLibrary/attributeList/editableAttribute/attribute/attribute.jsx
+++ b/app/src/componentLibrary/attributeList/editableAttribute/attribute/attribute.jsx
@@ -73,16 +73,20 @@ export const Attribute = ({
       >
         {attribute.key ? (
           <>
-            <div className={cx('key')} style={{ maxWidth: maxCellWidth }}>
+            <div className={cx('key')} style={{ maxWidth: maxCellWidth }} title={attribute.key}>
               {attribute.key}
             </div>
             <div className={cx('separator')}>:</div>
-            <div className={cx('value')} style={{ maxWidth: maxCellWidth }}>
+            <div className={cx('value')} style={{ maxWidth: maxCellWidth }} title={attribute.value}>
               {attribute.value}
             </div>
           </>
         ) : (
-          <div className={cx('value-without-key')} style={{ maxWidth: maxCellWidth * 2 }}>
+          <div
+            className={cx('value-without-key')}
+            style={{ maxWidth: maxCellWidth * 2 }}
+            title={attribute.value}
+          >
             {attribute.value}
           </div>
         )}