diff --git a/openmetadata-ui/src/main/resources/ui/src/components/EntityTable/EntityTable.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/EntityTable/EntityTable.component.tsx
index c3e13572146..368734c8d04 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/EntityTable/EntityTable.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/EntityTable/EntityTable.component.tsx
@@ -57,7 +57,6 @@ import {
   getUpdateDescriptionPath,
   getUpdateTagsPath,
 } from '../../utils/TasksUtils';
-import PopOver from '../common/popover/PopOver';
 import RichTextEditorPreviewer from '../common/rich-text-editor/RichTextEditorPreviewer';
 import { ModalWithMarkdownEditor } from '../Modals/ModalWithMarkdownEditor/ModalWithMarkdownEditor';
 import TagsContainer from '../tags-container/tags-container';
@@ -431,20 +430,15 @@ const EntityTable = ({
           isReadOnly || (dataTypeDisplay.length < 25 && !isReadOnly) ? (
             lowerCase(dataTypeDisplay)
           ) : (
-            <PopOver
-              html={
-                <div className="break-word">
-                  <span>{lowerCase(dataTypeDisplay)}</span>
-                </div>
-              }
-              key="pop-over"
-              position="bottom"
-              theme="light"
-              trigger="click">
+            <Popover
+              destroyTooltipOnHide
+              content={lowerCase(dataTypeDisplay)}
+              overlayInnerStyle={{ maxWidth: '420px' }}
+              trigger="hover">
               <Typography.Text ellipsis className="cursor-pointer">
                 {dataTypeDisplay}
               </Typography.Text>
-            </PopOver>
+            </Popover>
           )
         ) : (
           '--'
@@ -629,7 +623,7 @@ const EntityTable = ({
         key: 'name',
         accessor: 'name',
         ellipsis: true,
-        width: 180,
+        width: 220,
         render: (name: Column['name'], record: Column) => (
           <Popover destroyTooltipOnHide content={name} trigger="hover">
             {prepareConstraintIcon(name, record.constraint)}
@@ -643,7 +637,7 @@ const EntityTable = ({
         key: 'dataTypeDisplay',
         accessor: 'dataTypeDisplay',
         ellipsis: true,
-        width: 200,
+        width: 220,
         render: renderDataTypeDisplay,
       },
       {