diff --git a/front/src/components/widgets/Footer.astro b/front/src/components/widgets/Footer.astro
index 2b7fb6e..ff946bd 100644
--- a/front/src/components/widgets/Footer.astro
+++ b/front/src/components/widgets/Footer.astro
@@ -26,7 +26,7 @@ export interface Props {
 const { socialLinks = [], secondaryLinks = [], links = [], footNote = '', theme = 'light' } = Astro.props;
 ---
 
-<footer class:list={[{ dark: theme === 'dark' }, 'relative border-t border-gray-200 dark:border-slate-800 not-prose']}>
+<footer class:list={[{ dark: theme === 'dark' }, 'relative border-t border-gray-200 dark:border-slate-800 not-prose, mt-auto']}>
   <div class="dark:bg-dark absolute inset-0 pointer-events-none" aria-hidden="true"></div>
   <div class="relative max-w-7xl mx-auto px-4 sm:px-6 dark:text-slate-300">
     <div class="grid grid-cols-12 gap-4 gap-y-8 sm:gap-8 py-8 md:py-12">
diff --git a/front/src/layouts/PageLayout.astro b/front/src/layouts/PageLayout.astro
index e3bc4da..503dca3 100644
--- a/front/src/layouts/PageLayout.astro
+++ b/front/src/layouts/PageLayout.astro
@@ -1,12 +1,12 @@
 ---
-import Layout from '~/layouts/Layout.astro';
-import Header from '~/components/widgets/Header.astro';
-import Footer from '~/components/widgets/Footer.astro';
-import Announcement from '~/components/widgets/Announcement.astro';
+import Layout from 'layouts/Layout.astro';
+import Header from 'components/widgets/Header.astro';
+import Footer from 'components/widgets/Footer.astro';
+import Announcement from 'components/widgets/Announcement.astro';
 
-import { headerData, footerData } from '~/navigation';
+import { headerData, footerData } from 'navigation';
 
-import type { MetaData } from '~/types';
+import type { MetaData } from 'types';
 
 export interface Props {
   metadata?: MetaData;
@@ -16,16 +16,18 @@ const { metadata } = Astro.props;
 ---
 
 <Layout metadata={metadata}>
-  <slot name="announcement">
-    <Announcement />
-  </slot>
-  <slot name="header">
-    <Header {...headerData} isSticky showRssFeed showToggleTheme />
-  </slot>
-  <main>
-    <slot />
-  </main>
-  <slot name="footer">
-    <Footer {...footerData} />
-  </slot>
+  <div id="posts" class="flex flex-col min-h-screen">
+    <!-- <slot name="announcement">
+      <Announcement />
+    </slot> -->
+    <slot name="header">
+      <Header {...headerData} isSticky showRssFeed showToggleTheme />
+    </slot>
+    <main>
+      <slot />
+    </main>
+    <slot name="footer">
+      <Footer {...footerData} />
+    </slot>
+  </div>
 </Layout>