diff --git a/src/App.vue b/src/App.vue
index c8982b0..fff2803 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -87,7 +87,7 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <div class="flex flex-col tg">
+  <div class="flex flex-col tg !pt-10">
     <SpaceList v-if="isSpaceSelected" @space-selected="spaceSelected" />
 
     <div v-else class="flex flex-col w-full gap-4">
@@ -99,7 +99,7 @@ onBeforeUnmount(() => {
         <router-view class="w-full" />
       </div>
 
-      <nav class="fixed inset-x-0 bottom-0 z-50 h-16 bg-white px-10">
+      <nav class="fixed inset-x-0 bottom-0 z-50 h-16 bg-white px-10" style="padding-bottom: var(--tg-content-safe-area-inset-bottom) !important;">
         <div class="flex h-full items-center justify-between">
           <router-link
               v-for="item in menu"
@@ -121,7 +121,7 @@ onBeforeUnmount(() => {
 <style scoped>
 .tg {
   width: 100% !important;
-  padding:
+  margin:
       var(--tg-content-safe-area-inset-top)
       var(--tg-content-safe-area-inset-right)
       0