diff --git a/app/src/assets/scss/business/_custom.scss b/app/src/assets/scss/business/_custom.scss
index a7aa41e66..024bd63ae 100644
--- a/app/src/assets/scss/business/_custom.scss
+++ b/app/src/assets/scss/business/_custom.scss
@@ -10,7 +10,7 @@
     flex-wrap: wrap;
 
     &:not(.custom-attr__avvalue--readonly):hover {
-      background-color: var(--b3-theme-background);
+      background-color: var(--b3-theme-surface-light);
     }
 
     &--readonly {
@@ -44,14 +44,20 @@
   .block__logo:not(.popover__block) {
     width: 160px;
     color: var(--b3-theme-on-surface);
+    border-radius: var(--b3-border-radius);
+    transition: var(--b3-background-transition);
+    min-height: 34px;
     align-self: flex-start;
-    margin-top: 5px;
 
     span {
       text-overflow: ellipsis;
       white-space: nowrap;
       overflow: hidden;
     }
+
+    &:hover {
+      background-color: var(--b3-theme-surface-light);
+    }
   }
 
   .block__icons {
@@ -84,16 +90,20 @@
       height: 16px;
       margin-right: 8px;
     }
+
+    &:hover {
+      background-color: var(--b3-theme-surface-light);
+    }
   }
 
   .b3-text-field--text {
-    transition: var(--b3-transition);
+    transition: var(--b3-background-transition);
     min-height: 34px;
     background-color: transparent;
     padding: 7px 8px;
 
     &:hover {
-      background-color: var(--b3-theme-background);
+      background-color: var(--b3-theme-surface-light);
     }
   }
 
diff --git a/app/src/menus/commonMenuItem.ts b/app/src/menus/commonMenuItem.ts
index 9f9c26307..cc4fa0cec 100644
--- a/app/src/menus/commonMenuItem.ts
+++ b/app/src/menus/commonMenuItem.ts
@@ -184,6 +184,7 @@ export const openFileAttr = (attrs: IObject, focusName = "bookmark", protyle?: I
     });
     const dialog = new Dialog({
         width: isMobile() ? "92vw" : "50vw",
+        containerClassName: "b3-dialog__container--theme",
         height: "80vh",
         content: `<div class="fn__flex-column">
     <div class="layout-tab-bar fn__flex" style="flex-shrink:0;border-radius: var(--b3-border-radius-b) var(--b3-border-radius-b) 0 0">
@@ -234,7 +235,7 @@ export const openFileAttr = (attrs: IObject, focusName = "bookmark", protyle?: I
         <div data-type="custom" class="fn__none custom-attr">
            ${customHTML}
            <div class="b3-label">
-               <button data-action="addCustom" class="b3-button b3-button--outline">
+               <button data-action="addCustom" class="b3-button b3-button--cancel">
                    <svg><use xlink:href="#iconAdd"></use></svg>${window.siyuan.languages.addAttr}
                </button>
            </div>