diff --git a/packages/area/index.less b/packages/area/index.less
index 6926544f..72b95115 100644
--- a/packages/area/index.less
+++ b/packages/area/index.less
@@ -10,15 +10,15 @@
   &__toolbar {
     display: flex;
     justify-content: space-between;
-    height: 40px;
-    font-size: 16px;
-    line-height: 40px;
+    height: 44px;
+    line-height: 44px;
   }
 
   &__cancel,
   &__confirm {
-    padding: 0 15px;
     color: @blue;
+    padding: 0 15px;
+    font-size: 14px;
 
     &:active {
       background-color: @active-color;
@@ -27,6 +27,8 @@
 
   &__title {
     max-width: 50%;
+    font-size: 16px;
+    font-weight: 500;
     text-align: center;
   }
 
@@ -58,7 +60,8 @@
       color: @gray-dark;
 
       &--selected {
-        color: @black;
+        font-weight: 500;
+        color: @text-color;
       }
 
       &--disabled {
diff --git a/packages/area/index.wxml b/packages/area/index.wxml
index a558ed74..0012f99d 100644
--- a/packages/area/index.wxml
+++ b/packages/area/index.wxml
@@ -1,5 +1,5 @@
 <view class="van-picker">
-  <view class="van-picker__toolbar">
+  <view class="van-picker__toolbar van-hairline--bottom">
     <view class="van-picker__cancel" bindtap="onCancel">取消</view>
     <view class="van-picker__title">{{ title }}</view>
     <view class="van-picker__confirm" bindtap="onConfirm">确定</view>