diff --git a/src/Mobile.vue b/src/Mobile.vue
index 626a288f..3d4653d6 100644
--- a/src/Mobile.vue
+++ b/src/Mobile.vue
@@ -78,6 +78,35 @@ body {
     height: 14px;
 }
 
+.nested-list-item .item-title {
+    width: 100%;
+}
+
+.nested-list-item .item-inner {
+    padding-right: 0;
+}
+
+.nested-list-item.has-child-list-item .item-inner {
+    padding-bottom: 0;
+}
+
+.nested-list-item.has-child-list-item .nested-list-item-child .item-inner {
+    padding-bottom: var(--f7-list-item-padding-vertical);
+}
+
+.nested-list-item .nested-list-item-title {
+    align-self: center;
+    margin-left: var(--f7-list-item-media-margin);
+}
+
+.sortable-enabled .nested-list-item .nested-list-item-child .item-inner {
+    padding-right: var(--f7-safe-area-right) !important;
+}
+
+.no-sortable > .sortable-handler {
+    display: none;
+}
+
 .lab-list-item-error-info div.item-footer {
     color: var(--f7-input-error-text-color)
 }
diff --git a/src/views/mobile/accounts/AccountList.vue b/src/views/mobile/accounts/AccountList.vue
index 474473bc..d767c408 100644
--- a/src/views/mobile/accounts/AccountList.vue
+++ b/src/views/mobile/accounts/AccountList.vue
@@ -49,17 +49,39 @@
         <f7-card v-for="accountCategory in usedAccountCategories" :key="accountCategory.id" v-show="showHidden || hasShownAccount(accountCategory)">
             <f7-card-header>{{ $t(accountCategory.name) }}</f7-card-header>
             <f7-card-content :padding="false">
-                <f7-list sortable sortable-tap-hold :sortable-enabled="sortable" @sortable:sort="onSort">
+                <f7-list sortable :sortable-enabled="sortable" @sortable:sort="onSort">
                     <f7-list-item v-for="account in accounts[accountCategory.id]" v-show="showHidden || !account.hidden"
                                   :key="account.id" :id="account | accountDomId"
-                                  :title="account.name" :after="accountBalance(account) | currency(account.currency)"
-                                  link="#" swipeout @taphold.native="setSortable()"
+                                  :class="{ 'nested-list-item': true, 'has-child-list-item': account.type === $constants.account.allAccountTypes.MultiSubAccounts }"
+                                  :after="accountBalance(account) | currency(account.currency)"
+                                  :link="account.type === $constants.account.allAccountTypes.SingleAccount ? '#' : null"
+                                  swipeout @taphold.native="setSortable()"
                     >
-                        <f7-icon slot="media" :f7="account.icon | accountIcon">
-                            <f7-badge color="gray" class="right-bottom-icon" v-if="account.hidden">
-                                <f7-icon f7="eye_slash_fill"></f7-icon>
-                            </f7-badge>
-                        </f7-icon>
+                        <f7-block slot="title" class="no-padding">
+                            <div class="display-flex">
+                                <f7-icon slot="media" :f7="account.icon | accountIcon">
+                                    <f7-badge color="gray" class="right-bottom-icon" v-if="account.hidden">
+                                        <f7-icon f7="eye_slash_fill"></f7-icon>
+                                    </f7-badge>
+                                </f7-icon>
+                                <div class="nested-list-item-title">{{ account.name }}</div>
+                            </div>
+                            <li v-if="account.type === $constants.account.allAccountTypes.MultiSubAccounts">
+                                <ul class="no-padding">
+                                    <f7-list-item class="no-sortable nested-list-item-child" v-for="subAccount in account.subAccounts" v-show="showHidden || !subAccount.hidden"
+                                                  :key="subAccount.id" :id="subAccount | accountDomId"
+                                                  :title="subAccount.name" :after="accountBalance(subAccount) | currency(subAccount.currency)"
+                                                  link="#"
+                                    >
+                                        <f7-icon slot="media" :f7="subAccount.icon | accountIcon">
+                                            <f7-badge color="gray" class="right-bottom-icon" v-if="subAccount.hidden">
+                                                <f7-icon f7="eye_slash_fill"></f7-icon>
+                                            </f7-badge>
+                                        </f7-icon>
+                                    </f7-list-item>
+                                </ul>
+                            </li>
+                        </f7-block>
                         <f7-swipeout-actions left v-if="sortable">
                             <f7-swipeout-button :color="account.hidden ? 'blue' : 'gray'" class="padding-left padding-right" @click="hide(account, !account.hidden)">
                                 <f7-icon :f7="account.hidden ? 'eye' : 'eye_slash'"></f7-icon>