diff --git a/packages/client/src/components/document/collaboration/index.module.scss b/packages/client/src/components/document/collaboration/index.module.scss
new file mode 100644
index 00000000..1a67f38a
--- /dev/null
+++ b/packages/client/src/components/document/collaboration/index.module.scss
@@ -0,0 +1,7 @@
+.userTable {
+  :global {
+    [class$='-pagination-outer'] {
+      flex-direction: column;
+    }
+  }
+}
diff --git a/packages/client/src/components/document/collaboration/index.tsx b/packages/client/src/components/document/collaboration/index.tsx
index 0fc6b5aa..39d9e0f1 100644
--- a/packages/client/src/components/document/collaboration/index.tsx
+++ b/packages/client/src/components/document/collaboration/index.tsx
@@ -25,6 +25,8 @@ import { IsOnMobile } from 'hooks/use-on-mobile';
 import { useToggle } from 'hooks/use-toggle';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
+import styles from './index.module.scss';
+
 interface IProps {
   wikiId: string;
   documentId: string;
@@ -101,7 +103,12 @@ export const DocumentCollaboration: React.FC<IProps> = ({ wikiId, documentId, di
             error={error}
             loadingContent={<Spin />}
             normalContent={() => (
-              <Table dataSource={users} size="small" pagination>
+              <Table
+                dataSource={users}
+                className={styles.userTable}
+                size="small"
+                pagination={{ popoverPosition: 'topLeft', popoverZIndex: 1061 }}
+              >
                 <Column title="用户名" dataIndex="user.name" key="name" />
                 <Column
                   title="是否可读"
@@ -215,6 +222,7 @@ export const DocumentCollaboration: React.FC<IProps> = ({ wikiId, documentId, di
         </>
       ) : (
         <Dropdown
+          stopPropagation={true}
           visible={visible}
           onVisibleChange={toggleVisible}
           trigger="click"