diff --git a/resources/assets/js/App.vue b/resources/assets/js/App.vue
index 295298c4c..a68385b20 100755
--- a/resources/assets/js/App.vue
+++ b/resources/assets/js/App.vue
@@ -150,7 +150,7 @@ export default {
             if (windowLandscape) {
                 return "#f4f5f7"
             }
-            if (['manage-messenger', 'manage-project'].includes(routeName) || routeName.startsWith('manage-setting')) {
+            if (['login', 'manage-messenger', 'manage-project'].includes(routeName) || routeName.startsWith('manage-setting')) {
                 return '#f8f8f8'
             }
             return null
@@ -163,7 +163,7 @@ export default {
             if (windowLandscape) {
                 return "#f4f5f7"
             }
-            if (['manage-messenger', 'manage-project', 'manage-setting'].includes(routeName)) {
+            if (['login', 'manage-messenger', 'manage-project', 'manage-setting'].includes(routeName)) {
                 return '#f8f8f8'
             }
             return mobileTabbar ? '#f8f8f8' : null
diff --git a/resources/assets/sass/components/right-bottom.scss b/resources/assets/sass/components/right-bottom.scss
index d6c66fe82..70d7166b5 100644
--- a/resources/assets/sass/components/right-bottom.scss
+++ b/resources/assets/sass/components/right-bottom.scss
@@ -1,4 +1,5 @@
 .common-right-bottom {
+    margin-bottom: var(--navigation-bar-height);
     position: absolute;
     bottom: 22px;
     right: 26px;
@@ -100,4 +101,4 @@ body.window-portrait {
     .common-right-bottom {
         display: none;
     }
-}
\ No newline at end of file
+}