diff --git a/app/src/assets/scss/base.scss b/app/src/assets/scss/base.scss
index 6f664dd78..4f80f9476 100644
--- a/app/src/assets/scss/base.scss
+++ b/app/src/assets/scss/base.scss
@@ -261,6 +261,15 @@ progressLoading: 400
 }
 
 .config {
+
+  &-keymap__item-name:before{
+    content:"";
+    height: 100%;
+    top: 0;
+    position: absolute;
+    border-left: 1px solid var(--b3-theme-background-light);
+    left: -21px;
+  }
   &-query {
     display: flex;
     flex-wrap: wrap;
diff --git a/app/src/config/keymap.ts b/app/src/config/keymap.ts
index f17d016ec..81a45e0db 100644
--- a/app/src/config/keymap.ts
+++ b/app/src/config/keymap.ts
@@ -11,8 +11,8 @@ export const keymap = {
         let html = "";
         Object.keys(keymap).forEach(key => {
             if (window.siyuan.languages[key]) {
-                html += `<li class="b3-list-item b3-list-item--hide-action" style="padding-left: ${left}px">
-    <span class="b3-list-item__text">${window.siyuan.languages[key]}</span>
+                html += `<li class="b3-list-item b3-list-item--hide-action" style="margin-left: ${left+10}px">
+    <span class="b3-list-item__text config-keymap__item-name">${window.siyuan.languages[key]}</span>
     <span class="fn__space fn__flex-1"></span>
     <input data-key="${keys + Constants.ZWSP + key}" data-value="${keymap[key].custom}" data-default="${keymap[key].default}" class="b3-text-field" value="${updateHotkeyTip(keymap[key].custom)}">
     <span class="fn__space"></span>