diff --git a/app/src/assets/scss/_block.scss b/app/src/assets/scss/_block.scss
index 7f4905af8..a4c934624 100644
--- a/app/src/assets/scss/_block.scss
+++ b/app/src/assets/scss/_block.scss
@@ -128,7 +128,7 @@
     }
 
     &[disabled] {
-      opacity: 0.68 !important;
+      opacity: 0.68;
       cursor: not-allowed;
     }
 
diff --git a/app/src/assets/scss/base.scss b/app/src/assets/scss/base.scss
index f78ae8b34..fe16ac319 100644
--- a/app/src/assets/scss/base.scss
+++ b/app/src/assets/scss/base.scss
@@ -528,6 +528,14 @@ progressLoading: 400
     opacity: 1;
   }
 
+  &:hover .block__icons .block__icon[disabled] {
+    opacity: .68;
+  }
+
+  .block__icons .block__icon[disabled] {
+    opacity: 0;
+  }
+
   &__close {
     min-height: auto;
     transition: var(--b3-transition);
diff --git a/app/src/layout/dock/Inbox.ts b/app/src/layout/dock/Inbox.ts
index d1d94eadd..81c4b0022 100644
--- a/app/src/layout/dock/Inbox.ts
+++ b/app/src/layout/dock/Inbox.ts
@@ -42,6 +42,8 @@ export class Inbox extends Model {
     <div class="fn__flex fn__none">
         <span data-type="back" class="block__icon b3-tooltips b3-tooltips__sw" aria-label="${window.siyuan.languages.back}"><svg><use xlink:href='#iconLeft'></use></svg></span>
         <span class="fn__space"></span>
+        <span data-type="refreshDetails" class="block__icon b3-tooltips b3-tooltips__sw" aria-label="${window.siyuan.languages.refresh}"><svg><use xlink:href='#iconRefresh'></use></svg></span>
+        <span class="fn__space"></span>
         <span data-type="move" data-menu="true" class="block__icon b3-tooltips b3-tooltips__sw" aria-label="${window.siyuan.languages.move}"><svg><use xlink:href='#iconMove'></use></svg></span>
         <span class="fn__space"></span>
         <span data-type="delete" class="block__icon b3-tooltips b3-tooltips__sw" aria-label="${window.siyuan.languages.remove}"><svg><use xlink:href='#iconTrashcan'></use></svg></span>
@@ -108,6 +110,20 @@ export class Inbox extends Model {
                                 this.currentPage = 1;
                                 this.update();
                                 break;
+                            case "refreshDetails":
+                                fetchPost("/api/inbox/getShorthand", {
+                                    id: detailsElement.getAttribute("data-id")
+                                }, (response) => {
+                                    detailsElement.innerHTML = `<h3 class="fn__ellipsis">${response.data.shorthandTitle}</h3>
+<div class="fn__hr"></div>
+<a href="${response.data.shorthandURL}" target="_blank">${response.data.shorthandURL}</a>
+<div class="fn__hr"></div>
+<div class="b3-typography b3-typography--default">
+${(Lute.New()).MarkdownStr("", response.data.shorthandContent)}
+</div>`;
+                                    detailsElement.scrollTop = 0;
+                                })
+                                break;
                             case "delete":
                                 confirmDialog(window.siyuan.languages.deleteOpConfirm, window.siyuan.languages.confirmDelete + "?", () => {
                                     this.remove(detailsElement.getAttribute("data-id"));