diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index ae83710267..118ecf9610 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -9,10 +9,10 @@
       "version": "0.1.0",
       "dependencies": {
         "@gatsbyjs/reach-router": "1.3.9",
-        "@seafile/react-image-lightbox": "1.0.1",
+        "@seafile/react-image-lightbox": "2.0.2",
         "@seafile/resumablejs": "1.1.16",
         "@seafile/seafile-calendar": "0.0.12",
-        "@seafile/seafile-editor": "0.3.125",
+        "@seafile/seafile-editor": "0.3.128",
         "@seafile/slate-react": "0.54.13",
         "@uiw/codemirror-extensions-langs": "^4.19.4",
         "@uiw/react-codemirror": "^4.19.4",
@@ -5173,9 +5173,9 @@
       "peer": true
     },
     "node_modules/@seafile/react-image-lightbox": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@seafile/react-image-lightbox/-/react-image-lightbox-1.0.1.tgz",
-      "integrity": "sha512-NMNosV70UHfpYhJBi8O3uHEs49s6gwpq6v+3Hu06gT1py5cuvBnOAd/9P3D4qH3ikUQSx9ViinAbhLpu/NK7Rg==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@seafile/react-image-lightbox/-/react-image-lightbox-2.0.2.tgz",
+      "integrity": "sha512-7EWFh1dVHhYVFDtIb7JkScoShVr3+bjxlpGOeAeOBK0xtgc8eVvfPmvVxmqpGnav8UzeDwaWn5WxrK4CwpvJ9w==",
       "dependencies": {
         "prop-types": "^15.8.1",
         "react-modal": "^3.16.1"
@@ -5202,11 +5202,11 @@
       }
     },
     "node_modules/@seafile/seafile-editor": {
-      "version": "0.3.125",
-      "resolved": "https://registry.npmjs.org/@seafile/seafile-editor/-/seafile-editor-0.3.125.tgz",
-      "integrity": "sha512-1GWOV749EENy+I9omxu8WAN4NnOdTmUSAhA9euz3TOdh/nMtYYK5fgSqsKYoHDk/RcQRIwsrFe9LscF/s8MREg==",
+      "version": "0.3.128",
+      "resolved": "https://registry.npmjs.org/@seafile/seafile-editor/-/seafile-editor-0.3.128.tgz",
+      "integrity": "sha512-Az+IvaGUD8BpoNmSbssW9Ddx55906SgYcNLdD8WqPCpeyxb2TW/4jc+ivDco9Bx8h3a9WdKjsj572C3tsg1NLQ==",
       "dependencies": {
-        "@seafile/react-image-lightbox": "^2.0.0",
+        "@seafile/react-image-lightbox": "2.0.2",
         "@seafile/slate-react": "^0.54.13",
         "codemirror": "^5.37.0",
         "deepmerge": "^2.1.0",
@@ -5247,19 +5247,6 @@
         "xtend": "^4.0.1"
       }
     },
-    "node_modules/@seafile/seafile-editor/node_modules/@seafile/react-image-lightbox": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@seafile/react-image-lightbox/-/react-image-lightbox-2.0.0.tgz",
-      "integrity": "sha512-0cadNdsvb3Bhp3VL0isSCJf+IAwCG7Sr8J/XJ31MnGN6wyB2K7Ro1jszzgNOSkDdxxvab5NqAZshrbyNG6ptXA==",
-      "dependencies": {
-        "prop-types": "^15.8.1",
-        "react-modal": "^3.16.1"
-      },
-      "peerDependencies": {
-        "react": "^16.x || ^17.x",
-        "react-dom": "^16.x || ^17.x"
-      }
-    },
     "node_modules/@seafile/seafile-editor/node_modules/is-hotkey": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/is-hotkey/-/is-hotkey-0.2.0.tgz",
@@ -32309,9 +32296,9 @@
       "peer": true
     },
     "@seafile/react-image-lightbox": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@seafile/react-image-lightbox/-/react-image-lightbox-1.0.1.tgz",
-      "integrity": "sha512-NMNosV70UHfpYhJBi8O3uHEs49s6gwpq6v+3Hu06gT1py5cuvBnOAd/9P3D4qH3ikUQSx9ViinAbhLpu/NK7Rg==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@seafile/react-image-lightbox/-/react-image-lightbox-2.0.2.tgz",
+      "integrity": "sha512-7EWFh1dVHhYVFDtIb7JkScoShVr3+bjxlpGOeAeOBK0xtgc8eVvfPmvVxmqpGnav8UzeDwaWn5WxrK4CwpvJ9w==",
       "requires": {
         "prop-types": "^15.8.1",
         "react-modal": "^3.16.1"
@@ -32333,11 +32320,11 @@
       }
     },
     "@seafile/seafile-editor": {
-      "version": "0.3.125",
-      "resolved": "https://registry.npmjs.org/@seafile/seafile-editor/-/seafile-editor-0.3.125.tgz",
-      "integrity": "sha512-1GWOV749EENy+I9omxu8WAN4NnOdTmUSAhA9euz3TOdh/nMtYYK5fgSqsKYoHDk/RcQRIwsrFe9LscF/s8MREg==",
+      "version": "0.3.128",
+      "resolved": "https://registry.npmjs.org/@seafile/seafile-editor/-/seafile-editor-0.3.128.tgz",
+      "integrity": "sha512-Az+IvaGUD8BpoNmSbssW9Ddx55906SgYcNLdD8WqPCpeyxb2TW/4jc+ivDco9Bx8h3a9WdKjsj572C3tsg1NLQ==",
       "requires": {
-        "@seafile/react-image-lightbox": "^2.0.0",
+        "@seafile/react-image-lightbox": "2.0.2",
         "@seafile/slate-react": "^0.54.13",
         "codemirror": "^5.37.0",
         "deepmerge": "^2.1.0",
@@ -32378,15 +32365,6 @@
         "xtend": "^4.0.1"
       },
       "dependencies": {
-        "@seafile/react-image-lightbox": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/@seafile/react-image-lightbox/-/react-image-lightbox-2.0.0.tgz",
-          "integrity": "sha512-0cadNdsvb3Bhp3VL0isSCJf+IAwCG7Sr8J/XJ31MnGN6wyB2K7Ro1jszzgNOSkDdxxvab5NqAZshrbyNG6ptXA==",
-          "requires": {
-            "prop-types": "^15.8.1",
-            "react-modal": "^3.16.1"
-          }
-        },
         "is-hotkey": {
           "version": "0.2.0",
           "resolved": "https://registry.npmjs.org/is-hotkey/-/is-hotkey-0.2.0.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 4f06844933..ef73eb13e3 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -4,10 +4,10 @@
   "private": true,
   "dependencies": {
     "@gatsbyjs/reach-router": "1.3.9",
-    "@seafile/react-image-lightbox": "1.0.1",
+    "@seafile/react-image-lightbox": "2.0.2",
     "@seafile/resumablejs": "1.1.16",
     "@seafile/seafile-calendar": "0.0.12",
-    "@seafile/seafile-editor": "0.3.125",
+    "@seafile/seafile-editor": "0.3.128",
     "@seafile/slate-react": "0.54.13",
     "@uiw/codemirror-extensions-langs": "^4.19.4",
     "@uiw/react-codemirror": "^4.19.4",
diff --git a/frontend/src/components/dialog/image-dialog.js b/frontend/src/components/dialog/image-dialog.js
index fd3c5f9e4d..0504bc61fe 100644
--- a/frontend/src/components/dialog/image-dialog.js
+++ b/frontend/src/components/dialog/image-dialog.js
@@ -22,19 +22,13 @@ class ImageDialog extends React.Component {
     const imageItems = this.props.imageItems;
     const imageIndex = this.props.imageIndex;
     const imageItemsLength = imageItems.length;
-    const imageCaption = imageItemsLength && (
-      <Fragment>
-        <span>{gettext('%curr% of %total%').replace('%curr%', imageIndex + 1).replace('%total%', imageItemsLength)}</span>
-        <br />
-        <a href={imageItems[imageIndex].url} target="_blank">{gettext('Open in New Tab')}</a>
-      </Fragment>
-    );
+    const name = imageItems[imageIndex].name;
+    const imageTitle = `${name} (${imageIndex + 1}/${imageItemsLength})`;
 
     return (
       <Lightbox
+        imageTitle={imageTitle}
         mainSrc={imageItems[imageIndex].src}
-        imageTitle={imageItems[imageIndex].name}
-        imageCaption={imageCaption}
         nextSrc={imageItems[(imageIndex + 1) % imageItemsLength].src}
         prevSrc={imageItems[(imageIndex + imageItemsLength - 1) % imageItemsLength].src}
         onCloseRequest={this.props.closeImagePopup}