RANGER-4647: [Ranger UI] Text overflowing in the datashares table listing in the dataset -> datashares page

Signed-off-by: Madhan Neethiraj <madhan@apache.org>
diff --git a/security-admin/src/main/webapp/react-webapp/src/views/GovernedData/Dataset/DatashareInDatasetListComp.jsx b/security-admin/src/main/webapp/react-webapp/src/views/GovernedData/Dataset/DatashareInDatasetListComp.jsx
index 82a22de..60c1f65 100644
--- a/security-admin/src/main/webapp/react-webapp/src/views/GovernedData/Dataset/DatashareInDatasetListComp.jsx
+++ b/security-admin/src/main/webapp/react-webapp/src/views/GovernedData/Dataset/DatashareInDatasetListComp.jsx
@@ -388,7 +388,7 @@
             <span
               className="text-truncate"
               title={val.value}
-              style={{ maxWidth: "240px", display: "inline-block" }}
+              style={{ maxWidth: "140px", display: "inline-block" }}
             >
               {val.value}
             </span>
@@ -404,7 +404,7 @@
             <span
               className="text-truncate"
               title={val.value}
-              style={{ maxWidth: "240px", display: "inline-block" }}
+              style={{ maxWidth: "140px", display: "inline-block" }}
             >
               {val.value}
             </span>
@@ -420,7 +420,7 @@
             <span
               className="text-truncate"
               title={val.value}
-              style={{ maxWidth: "240px", display: "inline-block" }}
+              style={{ maxWidth: "140px", display: "inline-block" }}
             >
               {val.value}
             </span>