diff --git a/projects/ledge-render/src/lib/components/component-rating-item/component-rating-item.component.scss b/projects/ledge-render/src/lib/components/component-rating-item/component-rating-item.component.scss
index e69de29b..4b87cdf4 100644
--- a/projects/ledge-render/src/lib/components/component-rating-item/component-rating-item.component.scss
+++ b/projects/ledge-render/src/lib/components/component-rating-item/component-rating-item.component.scss
@@ -0,0 +1,3 @@
+:host {
+  font-size: 16px;
+}
diff --git a/projects/ledge-render/src/lib/components/component-rating/component-rating.component.html b/projects/ledge-render/src/lib/components/component-rating/component-rating.component.html
index 24dcbaad..d0367247 100644
--- a/projects/ledge-render/src/lib/components/component-rating/component-rating.component.html
+++ b/projects/ledge-render/src/lib/components/component-rating/component-rating.component.html
@@ -1,10 +1,10 @@
-<ul id="markdown-rating" *ngIf="data">
-  <li *ngFor="let task of data;let i = index;">
+<div id="markdown-rating" *ngIf="data">
+  <div *ngFor="let task of data;let i = index;">
     <component-rating-item
       [item]="task"
       (itemChange)="changeForm($event, task, i)">
     </component-rating-item>
 
-    <component-todo [disableInput]="true" [toDos]="task.children"></component-todo>
-  </li>
-</ul>
+    <component-todo *ngIf="task.children" [disableInput]="true" [toDos]="task.children"></component-todo>
+  </div>
+</div>
diff --git a/src/assets/docs/maturities/arch.md b/src/assets/docs/maturities/arch.md
index ca0a1c71..eb8294b4 100644
--- a/src/assets/docs/maturities/arch.md
+++ b/src/assets/docs/maturities/arch.md
@@ -2,7 +2,7 @@
 
 ```maturity
  - 架构设计成熟度模型
-   - API 设计
+   - API 设计: 0
    - 分层架构设计
    - 模型设计
    - 领域设计
diff --git a/src/styles.scss b/src/styles.scss
index 841b67ac..e72372cf 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -18,6 +18,7 @@
 @import "styles/mdstyles/list-style";
 @import "styles/mdstyles/tech-radar";
 @import "styles/mdstyles/fish-bone";
+@import "styles/mdstyles/maturity";
 
 html, body {
   height: 100%;
diff --git a/src/styles/mdstyles/_maturity.scss b/src/styles/mdstyles/_maturity.scss
new file mode 100644
index 00000000..1dba18f0
--- /dev/null
+++ b/src/styles/mdstyles/_maturity.scss
@@ -0,0 +1,17 @@
+.ledge-maturity {
+  .mat-list-base .mat-list-item, .mat-list-base .mat-list-option {
+    height: 24px;
+  }
+
+  .mat-list-base {
+    padding-top: 0;
+  }
+
+  .mat-slider-horizontal {
+    height: 32px;
+  }
+
+  .mat-slider-horizontal .mat-slider-wrapper {
+    top: 13px;
+  }
+}