diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 1188c616..f4a6f5dc 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -221,8 +221,8 @@ onMounted(async () => {
       </div>
 
       <div
-        class="surface-0 q-pb-lg scroll column"
-        style="height: 100vh; flex-wrap: nowrap"
+        class="surface-0 scroll column"
+        style="height: 100vh; flex-wrap: nowrap; padding-bottom: var(--size-4)"
       >
         <!-- header -->
         <div