diff --git a/src/views/mobile/ApplicationLock.vue b/src/views/mobile/ApplicationLock.vue
index 15bc1d22..ec552458 100644
--- a/src/views/mobile/ApplicationLock.vue
+++ b/src/views/mobile/ApplicationLock.vue
@@ -37,7 +37,7 @@
                 </div>
                 <div class="padding-horizontal padding-bottom">
                     <p class="no-margin-top margin-bottom-half">{{ $t('Please input a new PIN code. PIN code would encrypt your local data, so you need input this PIN code when you launch this app. If this PIN code is lost, you should re-login.') }}</p>
-                    <f7-list no-hairlines class="no-margin-top margin-bottom">
+                    <f7-list form no-hairlines class="no-margin-top margin-bottom">
                         <f7-list-item class="list-item-pincode-input">
                             <PincodeInput secure :length="6" v-model="currentPinCodeForEnable" />
                         </f7-list-item>
@@ -60,7 +60,7 @@
                 </div>
                 <div class="padding-horizontal padding-bottom">
                     <p class="no-margin-top margin-bottom-half">{{ $t('Please enter your current PIN code when disable application lock') }}</p>
-                    <f7-list no-hairlines class="no-margin-top margin-bottom">
+                    <f7-list form no-hairlines class="no-margin-top margin-bottom">
                         <f7-list-item class="list-item-pincode-input">
                             <PincodeInput secure :length="6" v-model="currentPinCodeForDisable" />
                         </f7-list-item>
diff --git a/src/views/mobile/Login.vue b/src/views/mobile/Login.vue
index cdff7b85..06d6dd57 100644
--- a/src/views/mobile/Login.vue
+++ b/src/views/mobile/Login.vue
@@ -61,7 +61,7 @@
                     <div style="font-size: 18px"><b>{{ $t('Two-Factor Authentication') }}</b></div>
                 </div>
                 <div class="padding-horizontal padding-bottom">
-                    <f7-list no-hairlines class="no-margin-top margin-bottom">
+                    <f7-list form no-hairlines class="no-margin-top margin-bottom">
                         <f7-list-input
                             type="number"
                             outline
diff --git a/src/views/mobile/Signup.vue b/src/views/mobile/Signup.vue
index 85f415de..383ca6e0 100644
--- a/src/views/mobile/Signup.vue
+++ b/src/views/mobile/Signup.vue
@@ -10,7 +10,7 @@
 
         <f7-card>
             <f7-card-content class="no-safe-areas" :padding="false">
-                <f7-list>
+                <f7-list form>
                     <f7-list-input
                         type="text"
                         clear-button
diff --git a/src/views/mobile/accounts/AccountEdit.vue b/src/views/mobile/accounts/AccountEdit.vue
index 32aaa398..d78d4531 100644
--- a/src/views/mobile/accounts/AccountEdit.vue
+++ b/src/views/mobile/accounts/AccountEdit.vue
@@ -19,7 +19,7 @@
 
         <f7-card v-else-if="!loading">
             <f7-card-content class="no-safe-areas" :padding="false">
-                <f7-list>
+                <f7-list form>
                     <f7-list-input
                         type="select"
                         :label="$t('Account Category')"
@@ -59,7 +59,7 @@
 
         <f7-card v-else-if="!loading && account.type === $constants.account.allAccountTypes.SingleAccount.toString()">
             <f7-card-content class="no-safe-areas" :padding="false">
-                <f7-list>
+                <f7-list form>
                     <f7-list-input
                         type="text"
                         clear-button
@@ -108,7 +108,7 @@
 
         <f7-card v-else-if="!loading && account.type === $constants.account.allAccountTypes.MultiSubAccounts.toString()">
             <f7-card-content class="no-safe-areas" :padding="false">
-                <f7-list>
+                <f7-list form>
                     <f7-list-input
                         type="text"
                         clear-button
diff --git a/src/views/mobile/categories/CategoryEdit.vue b/src/views/mobile/categories/CategoryEdit.vue
index cc61d5fb..eedf7a7c 100644
--- a/src/views/mobile/categories/CategoryEdit.vue
+++ b/src/views/mobile/categories/CategoryEdit.vue
@@ -21,7 +21,7 @@
 
         <f7-card v-else-if="!loading">
             <f7-card-content class="no-safe-areas" :padding="false">
-                <f7-list>
+                <f7-list form>
                     <f7-list-input
                         type="text"
                         clear-button
diff --git a/src/views/mobile/users/TwoFactorAuth.vue b/src/views/mobile/users/TwoFactorAuth.vue
index 5d16c55b..53e1f62e 100644
--- a/src/views/mobile/users/TwoFactorAuth.vue
+++ b/src/views/mobile/users/TwoFactorAuth.vue
@@ -45,7 +45,7 @@
                             <img alt="qrcode" width="240px" height="240px" :src="new2FAQRCode" />
                         </div>
                     </div>
-                    <f7-list no-hairlines class="no-margin-top margin-bottom">
+                    <f7-list form no-hairlines class="no-margin-top margin-bottom">
                         <f7-list-input
                             type="number"
                             outline
@@ -73,7 +73,7 @@
                 </div>
                 <div class="padding-horizontal padding-bottom">
                     <p class="no-margin-top margin-bottom-half">{{ $t('Please enter your current password when disable two factor authentication') }}</p>
-                    <f7-list no-hairlines class="no-margin-top margin-bottom">
+                    <f7-list form no-hairlines class="no-margin-top margin-bottom">
                         <f7-list-input
                             type="password"
                             outline
@@ -101,7 +101,7 @@
                 </div>
                 <div class="padding-horizontal padding-bottom">
                     <p class="no-margin-top margin-bottom-half">{{ $t('Please enter your current password when regenerate two factor authentication backup codes. If you regenerate backup codes, the old codes will be invalidated.') }}</p>
-                    <f7-list no-hairlines class="no-margin-top margin-bottom">
+                    <f7-list form no-hairlines class="no-margin-top margin-bottom">
                         <f7-list-input
                             type="password"
                             outline
diff --git a/src/views/mobile/users/UserProfile.vue b/src/views/mobile/users/UserProfile.vue
index b72c63bf..43347ba6 100644
--- a/src/views/mobile/users/UserProfile.vue
+++ b/src/views/mobile/users/UserProfile.vue
@@ -22,7 +22,7 @@
 
         <f7-card v-else-if="!loading">
             <f7-card-content class="no-safe-areas" :padding="false">
-                <f7-list>
+                <f7-list form>
                     <f7-list-input
                         type="password"
                         clear-button
@@ -85,7 +85,7 @@
                 </div>
                 <div class="padding-horizontal padding-bottom">
                     <p class="no-margin-top">{{ $t('Please enter your current password when modifying your password') }}</p>
-                    <f7-list no-hairlines class="no-margin-top margin-bottom">
+                    <f7-list form no-hairlines class="no-margin-top margin-bottom">
                         <f7-list-input
                             type="password"
                             outline