diff --git a/packages/cell/index.vue b/packages/cell/index.vue
index c8ba7e027..1d136527b 100644
--- a/packages/cell/index.vue
+++ b/packages/cell/index.vue
@@ -28,7 +28,7 @@
       </slot>
     </div>
     <slot name="right-icon">
-      <icon v-if="isLink" :class="`${b('right-icon')} ${arrowDirection ? b(`arrow--${arrowDirection}`) : ''}`" name="arrow" />
+      <icon v-if="isLink" :class="b('right-icon', arrowDirection)" name="arrow" />
     </slot>
     <slot name="extra" />
   </div>
@@ -57,11 +57,11 @@ export default create({
     clickable: Boolean,
     title: [String, Number],
     value: [String, Number],
+    arrowDirection: String,
     border: {
       type: Boolean,
       default: true
-    },
-    arrowDirection: String
+    }
   },
 
   methods: {
diff --git a/packages/cell/test/__snapshots__/demo.spec.js.snap b/packages/cell/test/__snapshots__/demo.spec.js.snap
index 68fbe8519..16fb1d4d9 100644
--- a/packages/cell/test/__snapshots__/demo.spec.js.snap
+++ b/packages/cell/test/__snapshots__/demo.spec.js.snap
@@ -68,6 +68,16 @@ exports[`renders demo correctly 1`] = `
           <!---->
         </i>
       </div>
+      <div class="van-cell van-cell--clickable van-hairline">
+        <!---->
+        <div class="van-cell__title"><span>单元格</span>
+          <!---->
+        </div>
+        <div class="van-cell__value"><span>内容</span></div>
+        <i class="van-icon van-icon-arrow van-cell__right-icon van-cell__right-icon--down" style="color:undefined;">
+          <!---->
+        </i>
+      </div>
     </div>
   </div>
   <div>
diff --git a/packages/vant-css/src/cell.css b/packages/vant-css/src/cell.css
index 7bff53c51..42335c020 100644
--- a/packages/vant-css/src/cell.css
+++ b/packages/vant-css/src/cell.css
@@ -56,9 +56,7 @@
     font-size: 12px;
     line-height: 24px;
     margin-left: 5px;
-  }
 
-  &__arrow {
     &--left::before {
       transform: rotate(180deg);
     }