diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/CommonUtils.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/CommonUtils.tsx
index 413e4ce3e47..86825535eac 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/CommonUtils.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/CommonUtils.tsx
@@ -53,7 +53,10 @@ import {
   LOCALSTORAGE_RECENTLY_VIEWED,
 } from '../constants/constants';
 import { FEED_COUNT_INITIAL_DATA } from '../constants/entity.constants';
-import { UrlEntityCharRegEx } from '../constants/regex.constants';
+import {
+  UrlEntityCharRegEx,
+  VALIDATE_ESCAPE_START_END_REGEX,
+} from '../constants/regex.constants';
 import { SIZE } from '../enums/common.enum';
 import { EntityType, FqnPart } from '../enums/entity.enum';
 import { PipelineType } from '../generated/entity/services/ingestionPipelines/ingestionPipeline';
@@ -918,3 +921,11 @@ export const filterSelectOptions = (
     toLower(option?.value).includes(toLower(input))
   );
 };
+
+export const removeOuterEscapes = (input: string) => {
+  // Use regex to check if the string starts and ends with escape characters
+  const match = input.match(VALIDATE_ESCAPE_START_END_REGEX);
+
+  // Return the middle part without the outer escape characters or the original input if no match
+  return match && match.length > 3 ? match[2] : input;
+};
diff --git a/openmetadata-ui/src/main/resources/ui/webpack.config.dev.js b/openmetadata-ui/src/main/resources/ui/webpack.config.dev.js
index 5bc4209b1e7..bfded25911f 100644
--- a/openmetadata-ui/src/main/resources/ui/webpack.config.dev.js
+++ b/openmetadata-ui/src/main/resources/ui/webpack.config.dev.js
@@ -98,6 +98,10 @@ module.exports = {
           path.resolve(__dirname, 'node_modules/katex'),
           path.resolve(__dirname, 'node_modules/react-resizable'),
           path.resolve(__dirname, 'node_modules/react-antd-column-resize'),
+          path.resolve(
+            __dirname,
+            'node_modules/@inovua/reactdatagrid-community'
+          ),
         ],
         // May need to handle files outside the source code
         // (from node_modules)
diff --git a/openmetadata-ui/src/main/resources/ui/webpack.config.prod.js b/openmetadata-ui/src/main/resources/ui/webpack.config.prod.js
index 1a0949a6a21..eaa5fc3535f 100644
--- a/openmetadata-ui/src/main/resources/ui/webpack.config.prod.js
+++ b/openmetadata-ui/src/main/resources/ui/webpack.config.prod.js
@@ -99,6 +99,10 @@ module.exports = {
           path.resolve(__dirname, 'node_modules/katex'),
           path.resolve(__dirname, 'node_modules/react-resizable'),
           path.resolve(__dirname, 'node_modules/react-antd-column-resize'),
+          path.resolve(
+            __dirname,
+            'node_modules/@inovua/reactdatagrid-community'
+          ),
         ],
         // May need to handle files outside the source code
         // (from node_modules)