diff --git a/app/src/assets/scss/component/_button.scss b/app/src/assets/scss/component/_button.scss
index bd0a9c1f4..12ac868df 100644
--- a/app/src/assets/scss/component/_button.scss
+++ b/app/src/assets/scss/component/_button.scss
@@ -105,19 +105,19 @@
   }
 
   &--remove {
-    color: var(--b3-card-error-color);
-    box-shadow: inset 0 0 0 .6px var(--b3-card-error-color);
+    color: var(--b3-theme-error);
+    box-shadow: inset 0 0 0 .6px var(--b3-theme-error);
     background-color: transparent;
 
     &:hover,
     &:focus {
       background-color: var(--b3-card-error-background);
-      box-shadow: inset 0 0 0 1px var(--b3-card-error-color);
+      box-shadow: inset 0 0 0 1px var(--b3-theme-error);
     }
 
     &:active {
       background-color: var(--b3-card-error-background);
-      box-shadow: inset 0 0 0 1px var(--b3-card-error-color);
+      box-shadow: inset 0 0 0 1px var(--b3-theme-error);
     }
   }
 
diff --git a/app/src/menus/workspace.ts b/app/src/menus/workspace.ts
index e73de06b0..a9b69f094 100644
--- a/app/src/menus/workspace.ts
+++ b/app/src/menus/workspace.ts
@@ -35,7 +35,7 @@ const editLayout = (layoutName?: string) => {
         <input class="b3-text-field fn__block" value="${layoutName || ""}" placeholder="${window.siyuan.languages.memo}">
 </div>
 <div class="b3-dialog__action">
-    <button class="b3-button b3-button--error${layoutName ? "" : " fn__none"}">${window.siyuan.languages.delete}</button><div class="fn__space"></div>   
+    <button class="b3-button b3-button--remove${layoutName ? "" : " fn__none"}">${window.siyuan.languages.delete}</button><div class="fn__space"></div>
     <button class="b3-button b3-button--cancel">${window.siyuan.languages.cancel}</button><div class="fn__space"></div>
     <button class="b3-button b3-button--text${layoutName ? "" : " fn__none"}">${window.siyuan.languages.rename}</button><div class="fn__space"></div>
     <button class="b3-button b3-button--text">${window.siyuan.languages[layoutName ? "updateLayout" : "confirm"]}</button>