diff --git a/src/components/picker/picker.vue b/src/components/picker/picker.vue
index 86521c1acc41cb3e1ac4e97150f604b1915b55d2..78fa9dc21b49e10bdcf29341c87205c5dc78f547 100644
--- a/src/components/picker/picker.vue
+++ b/src/components/picker/picker.vue
@@ -13,11 +13,11 @@
         <div class="cube-picker-panel cube-safe-area-pb" v-show="isVisible" @click.stop>
           <div class="cube-picker-choose border-bottom-1px">
             <span class="cube-picker-cancel" @click="cancel">{{cancelTxt}}</span>
+            <span class="cube-picker-confirm" @click="confirm">{{confirmTxt}}</span>
             <div class="cube-picker-title-group">
               <h1 class="cube-picker-title">{{title}}</h1>
               <h2 v-if="subtitle" class="cube-picker-subtitle">{{subtitle}}</h2>
             </div>
-            <span class="cube-picker-confirm" @click="confirm">{{confirmTxt}}</span>
           </div>
 
           <div class="cube-picker-content">
@@ -292,11 +292,9 @@
 
   .cube-picker-choose
     position: relative
-    display: flex
     height: 60px
 
   .cube-picker-confirm, .cube-picker-cancel
-    flex: 0 0 28px
     font-size: $fontsize-medium
     line-height: 60px
     padding: 0 $picker-lr-padding
@@ -304,17 +302,21 @@
     font-size: $fontsize-medium
 
   .cube-picker-confirm
+    position: absolute
+    right: 0
     color: $picker-confirm-btn-color
     &:active
       color: $picker-confirm-btn-active-color
 
   .cube-picker-cancel
+    position: absolute
+    left: 0
     color: $picker-cancel-btn-color
     &:active
       color: $picker-cancel-btn-active-color
 
   .cube-picker-title-group
-    flex: auto
+    padding: 0 60px
     display: flex
     height: 100%
     flex-flow: column