diff --git a/resources/js/layouts/mainLayout.vue b/resources/js/layouts/mainLayout.vue
index 087bbae..6171f99 100644
--- a/resources/js/layouts/mainLayout.vue
+++ b/resources/js/layouts/mainLayout.vue
@@ -1,10 +1,10 @@
 <template>
-    <div  class="relative min-h-screen max-w-screen">
+    <div  class="min-h-screen max-w-screen">
         <Header />
-        <div class="mx-2 md:mx-4 lg:mx-6 xl:mx-7 my-6">
+        <div class="mx-2 md:mx-4 lg:mx-6 xl:mx-7 my-6 " >
             <slot />
         </div>
-        <Footer class="absolute bottom-0 w-full" />
+        <Footer class="w-full mt-10" />
 
     </div>
 </template>
@@ -12,4 +12,4 @@
 <script setup>
 import Header from '../components/Header.vue'
 import Footer from '../components/Footer.vue'
-</script>
\ No newline at end of file
+</script>