diff --git a/src/styles/mobile/global.css b/src/styles/mobile/global.css
index 2d04cc7b..2fab1f93 100644
--- a/src/styles/mobile/global.css
+++ b/src/styles/mobile/global.css
@@ -149,6 +149,43 @@ i.icon.la, i.icon.las, i.icon.lab {
     overflow-y: auto;
 }
 
+.login-page-fixed-bottom {
+    background-color: inherit !important;
+}
+
+.login-page-fixed-bottom > .toolbar-inner {
+    display: inline !important;
+    text-align: center;
+    font-size: var(--f7-font-size);
+}
+
+.login-page-powered-by > span {
+    color: var(--f7-block-footer-text-color);
+}
+
+.login-page-powered-by > a.link {
+    display: inline !important;
+    color: var(--f7-theme-color);
+    font-size: var(--f7-block-footer-font-size);
+    padding: 0 6px;
+}
+
+@media (max-height: 629px) {
+    .login-screen-content {
+        --f7-toolbar-height: 0;
+    }
+
+    .login-page-fixed-bottom {
+        display: none;
+    }
+}
+
+@media (min-height: 630px) {
+    .login-page-bottom {
+        display: none;
+    }
+}
+
 /** Replacing the default style of @vuepic/vue-datepicker **/
 .dp__theme_light {
     --dp-primary-color: #c67e48;
diff --git a/src/views/mobile/LoginPage.vue b/src/views/mobile/LoginPage.vue
index 6bc30119..c4c03902 100644
--- a/src/views/mobile/LoginPage.vue
+++ b/src/views/mobile/LoginPage.vue
@@ -1,5 +1,5 @@
 <template>
-    <f7-page no-toolbar no-navbar no-swipeback login-screen>
+    <f7-page no-navbar no-swipeback login-screen hide-toolbar-on-scroll>
         <f7-login-screen-title>
             <img alt="logo" class="login-page-logo" :src="ezBookkeepingLogoPath" />
             <f7-block class="login-page-tile margin-vertical-half">{{ $t('global.app.title') }}</f7-block>
@@ -49,17 +49,26 @@
             </f7-block-footer>
         </f7-list>
 
-        <f7-button small popover-open=".lang-popover-menu" :text="currentLanguageName"></f7-button>
+        <f7-button class="padding-bottom" small popover-open=".lang-popover-menu" :text="currentLanguageName"></f7-button>
 
-        <f7-list>
-            <f7-block-footer>
-                <span>Powered by </span>
-                <f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link>&nbsp;<span>{{ version }}</span>
-            </f7-block-footer>
+        <f7-list class="login-page-bottom">
             <f7-block-footer>
+                <div class="login-page-powered-by">
+                    <span>Powered by</span>
+                    <f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link>
+                    <span>{{ version }}</span>
+                </div>
             </f7-block-footer>
         </f7-list>
 
+        <f7-toolbar class="login-page-fixed-bottom" tabbar bottom :outline="false">
+            <div class="login-page-powered-by">
+                <span>Powered by</span>
+                <f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link>
+                <span>{{ version }}</span>
+            </div>
+        </f7-toolbar>
+
         <f7-popover class="lang-popover-menu">
             <f7-list dividers>
                 <f7-list-item
diff --git a/src/views/mobile/UnlockPage.vue b/src/views/mobile/UnlockPage.vue
index fa32b2c3..5d03d902 100644
--- a/src/views/mobile/UnlockPage.vue
+++ b/src/views/mobile/UnlockPage.vue
@@ -1,5 +1,5 @@
 <template>
-    <f7-page no-toolbar no-navbar no-swipeback login-screen>
+    <f7-page no-navbar no-swipeback login-screen hide-toolbar-on-scroll>
         <f7-login-screen-title>
             <img alt="logo" class="login-page-logo" :src="ezBookkeepingLogoPath" />
             <f7-block class="login-page-tile margin-vertical-half">{{ $t('global.app.title') }}</f7-block>
@@ -26,18 +26,26 @@
             </f7-block-footer>
         </f7-list>
 
-        <f7-button small popover-open=".lang-popover-menu" :text="currentLanguageName"></f7-button>
+        <f7-button class="padding-bottom" small popover-open=".lang-popover-menu" :text="currentLanguageName"></f7-button>
 
-        <f7-list>
-            <f7-block-footer>
-                <span>Powered by </span>
-                <f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link>&nbsp;
-                <span>{{ version }}</span>
-            </f7-block-footer>
+        <f7-list class="login-page-bottom">
             <f7-block-footer>
+                <div class="login-page-powered-by">
+                    <span>Powered by</span>
+                    <f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link>
+                    <span>{{ version }}</span>
+                </div>
             </f7-block-footer>
         </f7-list>
 
+        <f7-toolbar class="login-page-fixed-bottom" tabbar bottom :outline="false">
+            <div class="login-page-powered-by">
+                <span>Powered by</span>
+                <f7-link external href="https://github.com/mayswind/ezbookkeeping" target="_blank">ezBookkeeping</f7-link>
+                <span>{{ version }}</span>
+            </div>
+        </f7-toolbar>
+
         <f7-popover class="lang-popover-menu">
             <f7-list dividers>
                 <f7-list-item