diff --git a/source/Component/BehaviorList/BehaviorList.scss b/source/Component/BehaviorList/BehaviorList.scss
index 8d9baa0..e351881 100644
--- a/source/Component/BehaviorList/BehaviorList.scss
+++ b/source/Component/BehaviorList/BehaviorList.scss
@@ -9,93 +9,103 @@ div.behavior-list {
 
 	div.behavior-item {
 		margin: 5px;
-		height: $behavior-item-height;
+		height: 45px;
 		user-select: none;
 		border-radius: 3px;
 		cursor: pointer;
-		display: flex;
+        
+        div.behavior-color-view {
+            height: 0;
+            width: 100%;
 
-		div.behavior-color-view {
-			height: $behavior-item-height;
-			width: 3px;
-			min-width: 3px;
-			border-radius: 3px;
-			flex-shrink: 0;
-		}
+            div {
+                position: relative;
+                top: 5px;
+                left: 5px;
+                width: 8px;
+                height: 8px;
+                border-radius: 8px;
+            }
+        }
 
-		div.behavior-icon-view {
-			height: $behavior-item-height;
-			min-width: $behavior-item-height;
-			width: $behavior-item-height;
-			user-select: none;
-			display: flex;
-			justify-content: center;
-			align-items: center;
+        div.behavior-item-root {
+            display: flex;
 
-			i {
-				font-size: 25px;
-			}
-		}
+            div.behavior-icon-view {
+                height: $behavior-item-height;
+                min-width: $behavior-item-height;
+                width: $behavior-item-height;
+                user-select: none;
+                display: flex;
+                justify-content: center;
+                align-items: center;
 
-		div.behavior-content-view {
-			width: calc( 100% - 68px );
-			max-width: 100px;
-			height: $behavior-item-height;
-			display: flex;
-			justify-content: center;
-			flex-direction: column;
-			align-items: stretch;
+                i {
+                    font-size: 25px;
+                }
+            }
 
-			div.title-view {
-				white-space: nowrap;
-				text-overflow: ellipsis;
-				overflow: hidden;
-				width: 100%;
-			}
+            div.behavior-content-view {
+                width: calc( 100% - 50px );
+                padding-right: 5px;
+                max-width: 125px;
+                height: $behavior-item-height;
+                display: flex;
+                justify-content: center;
+                flex-direction: column;
+                align-items: stretch;
 
-			div.info-view {
-				white-space: nowrap;
-				text-overflow: ellipsis;
-				overflow: hidden;
-				width: 100%;
-				opacity: .75;
-			}
-		}
-		
-		div.behavior-action-view {
-			height: $behavior-item-height;
-			min-width: 20px;
-			width: 20px;
-			flex-shrink: 0;
-			display: flex;
-			flex-direction: column;
-			justify-content: center;
-			align-content: center;
-			align-items: center;
+                div.title-view {
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    overflow: hidden;
+                    width: 100%;
+                }
 
-			div.behavior-action-button {
-				height: 100%;
-				width: 100%;
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				user-select: none;
-				cursor: pointer;
-			}
+                div.info-view {
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    overflow: hidden;
+                    width: 100%;
+                    opacity: .75;
+                }
+            }
+            
+            div.behavior-action-view {
+                height: $behavior-item-height;
+                min-width: 20px;
+                width: 20px;
+                flex-shrink: 0;
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
+                align-content: center;
+                align-items: center;
 
-			div.behavior-action-button.hover-red:hover i {
-				color: $lt-red;
-			}
+                div.behavior-action-button {
+                    height: 100%;
+                    width: 100%;
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                    user-select: none;
+                    cursor: pointer;
+                }
 
-			div.behavior-action-button.hover-blue:hover i {
-				color: $lt-blue;
-			}
-		}
+                div.behavior-action-button.hover-red:hover i {
+                    color: $lt-red;
+                }
+
+                div.behavior-action-button.hover-blue:hover i {
+                    color: $lt-blue;
+                }
+            }
+        }
 	}
 
     div.add-button {
-        width: 45px;
-        height: 45px;
+        width: 26px;
+        height: 26px;
         display: flex;
         justify-content: center;
         align-items: center;
diff --git a/source/Component/BehaviorList/BehaviorList.tsx b/source/Component/BehaviorList/BehaviorList.tsx
index 5308c49..2fc5521 100644
--- a/source/Component/BehaviorList/BehaviorList.tsx
+++ b/source/Component/BehaviorList/BehaviorList.tsx
@@ -88,6 +88,7 @@ class BehaviorList extends Component<IBehaviorListProps & IMixinSettingProps> {
 			name = behavior.name;
 			color = behavior.color;
 			needLocal = false;
+            info = behavior.behaviorName;
 		}
 
 		if (behavior instanceof BehaviorRecorder) {
@@ -111,20 +112,21 @@ class BehaviorList extends Component<IBehaviorListProps & IMixinSettingProps> {
 				this.isActionClick = false;
 			}}
 		>
-			<div
-				className="behavior-color-view"
-				style={{ backgroundColor: color }}
-			/>
-			<div className="behavior-icon-view">
-				<Icon iconName={icon}/>
-			</div>
-			<div className="behavior-content-view">
-				{this.renderTerm(behavior, name, "title-view", needLocal)}
-				{this.renderTerm(behavior, info, "info-view", true)}
-			</div>
-			<div className="behavior-action-view">
-				{this.renderActionButton(behavior)}
-			</div>
+            <div className="behavior-color-view">
+                <div style={{ backgroundColor: color }}/>
+            </div>
+            <div className="behavior-item-root">
+                <div className="behavior-icon-view">
+                    <Icon iconName={icon}/>
+                </div>
+                <div className="behavior-content-view">
+                    {this.renderTerm(behavior, name, "title-view", needLocal)}
+                    {this.renderTerm(behavior, info, "info-view", true)}
+                </div>
+                {/* <div className="behavior-action-view">
+                    {this.renderActionButton(behavior)}
+                </div> */}
+            </div>
 		</div>
 	}
 
diff --git a/source/Page/SimulatorWeb/SimulatorWeb.tsx b/source/Page/SimulatorWeb/SimulatorWeb.tsx
index a006f17..7ad6144 100644
--- a/source/Page/SimulatorWeb/SimulatorWeb.tsx
+++ b/source/Page/SimulatorWeb/SimulatorWeb.tsx
@@ -56,11 +56,11 @@ class SimulatorWeb extends Component {
             this.status.newLabel().name = "New Label";
             this.status.newLabel().name = "Test Label 01";
             let dynamic = this.status.model.addBehavior(AllBehaviors[0]);
-            dynamic.name = "dynamic";
+            dynamic.name = "Dynamic"; dynamic.color = "rgb(250, 200, 80)";
             let brownian = this.status.model.addBehavior(AllBehaviors[1]);
-            brownian.name = "brownian";
+            brownian.name = "Brownian"; brownian.color = "rgb(200, 80, 250)";
             let boundary = this.status.model.addBehavior(AllBehaviors[2]);
-            boundary.name = "boundary";
+            boundary.name = "Boundary"; boundary.color = "rgb(80, 200, 250)";
             boundary.parameter.range = this.status.model.allRangeLabel;
             group.addBehavior(dynamic);
             group.addBehavior(brownian);