diff --git a/src/styles/base.less b/src/styles/base.less
index e217d619..011624ca 100644
--- a/src/styles/base.less
+++ b/src/styles/base.less
@@ -214,4 +214,8 @@
   .no-margin-bottom {
     margin-bottom: 0 !important;
   }
+
+  .inline-block {
+    display: inline-block;
+  }
 }
diff --git a/src/utils/table.jsx b/src/utils/table.jsx
index 90547c9f..b5123c95 100644
--- a/src/utils/table.jsx
+++ b/src/utils/table.jsx
@@ -183,7 +183,7 @@ export const getIdRender = (value, copyable = true, isLink = true) => {
   return (
     <Paragraph
       copyable={{ text: value }}
-      className={classnames('no-wrap', 'no-margin-bottom')}
+      className={classnames('no-wrap', 'no-margin-bottom', 'inline-block')}
       onClick={onClick}
     >
       {shortRender}