diff --git a/src/App.vue b/src/App.vue
index e35f31a..4fb68f3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -107,8 +107,8 @@ onBeforeUnmount(() => {
         <Toolbar />
       </div>
 
-      <div class="flex flex-col w-full h-full items-end px-4 gap-4">
-        <router-view class="w-full pb-5" />
+      <div class="flex flex-col w-full h-full items-end px-4 gap-4 pb-24">
+        <router-view class="w-full pb-24" />
       </div>
 
       <nav
diff --git a/src/components/settings/RecurrentsList.vue b/src/components/settings/RecurrentsList.vue
index a7ea441..439fdb9 100644
--- a/src/components/settings/RecurrentsList.vue
+++ b/src/components/settings/RecurrentsList.vue
@@ -49,10 +49,11 @@ onMounted(async () => {
 </script>
 
 <template>
+  <div class="!pb-10">
   <div class="card">
     <div v-for="key in recurrents.keys()" :key="recurrents[key].id"
          @click="router.push(`/recurrents/${recurrents[key].id}/edit`)"
-         class="flex flex-col  w-full gap- pl-5  items-start justify-items-center font-bold ">
+         class="flex flex-col  w-full  pl-5  items-start justify-items-center font-bold  ">
       <div class="flex-row gap-2 w-full items-center justify-between">
         <div class="w-full flex items-center justify-between">
           <div class="flex-row items-center gap-2 ">
@@ -75,6 +76,7 @@ onMounted(async () => {
     </div>
 
   </div>
+  </div>
 </template>
 
 <style scoped>