diff --git a/packages/editor/src/fields/CodeSelect.vue b/packages/editor/src/fields/CodeSelect.vue
index 7ffe38d0..ca178ac3 100644
--- a/packages/editor/src/fields/CodeSelect.vue
+++ b/packages/editor/src/fields/CodeSelect.vue
@@ -12,7 +12,7 @@
         ></m-fields-select>
       </template>
       <div class="tool-bar">
-        <el-tooltip class="tool-item" effect="dark" content="查看源代码" placement="top">
+        <el-tooltip class="tool-item" effect="dark" content="查看代码块" placement="top">
           <svg
             @click="viewHandler"
             preserveAspectRatio="xMidYMid meet"
diff --git a/packages/editor/src/layouts/sidebar/code-block/CodeBlockList.vue b/packages/editor/src/layouts/sidebar/code-block/CodeBlockList.vue
index 44668cd1..675fed19 100644
--- a/packages/editor/src/layouts/sidebar/code-block/CodeBlockList.vue
+++ b/packages/editor/src/layouts/sidebar/code-block/CodeBlockList.vue
@@ -31,10 +31,10 @@
           <div class="list-item">
             <div class="code-name">{{ data.name }}（{{ data.id }}）</div>
             <div class="right-tool">
-              <el-tooltip effect="dark" :content="editable ? '编辑' : '查看'" placement="top">
+              <el-tooltip effect="dark" :content="editable ? '编辑' : '查看'" placement="bottom">
                 <Icon :icon="editable ? Edit : View" class="edit-icon" @click="editCode(`${data.id}`)"></Icon>
               </el-tooltip>
-              <el-tooltip effect="dark" content="删除" placement="top" v-if="editable">
+              <el-tooltip effect="dark" content="删除" placement="bottom" v-if="editable">
                 <Icon :icon="Close" class="edit-icon" @click="deleteCode(`${data.id}`)"></Icon>
               </el-tooltip>
               <slot name="code-block-panel-tool" :id="data.id"></slot>
diff --git a/packages/editor/src/theme/code-block.scss b/packages/editor/src/theme/code-block.scss
index 65c44173..14aacb0d 100644
--- a/packages/editor/src/theme/code-block.scss
+++ b/packages/editor/src/theme/code-block.scss
@@ -75,7 +75,7 @@
     height: 100%;
     background: #fff;
     .el-card__body {
-      height: 80%;
+      height: calc(100% - 80px);
       background: #fff;
     }
   }
@@ -133,16 +133,19 @@
     position: absolute;
     top: 0;
     left: 4px;
-    width: 100%;
+    width: calc(100% - 9px);
     height: 100%;
     z-index: 10;
     background: #fff;
+    .el-card {
+      border: 0;
+    }
   }
 
   .m-editor-wrapper {
     height: 100%;
     .m-editor-container {
-      height: 100%;
+      height: calc(100% - 70px);
     }
     .m-editor-content-bottom {
       height: 40px;
@@ -152,7 +155,7 @@
       background: #fff;
       > button {
         height: 30px;
-        margin-top: 5px;
+        margin-top: 15px;
       }
     }
   }