diff --git a/resources/js/apps/App.vue b/resources/js/apps/App.vue
index 328655f..e391ac7 100644
--- a/resources/js/apps/App.vue
+++ b/resources/js/apps/App.vue
@@ -2,14 +2,22 @@
     <page-header></page-header>
 
     <router-view></router-view>
+
+    <container>
+        <page-footer></page-footer>
+    </container>
 </template>
 
 <script>
 import PageHeader from "../components/PageHeader.vue";
+import Container from "../components/Container.vue";
+import PageFooter from "../components/PageFooter.vue";
 
 export default {
     components: {
         PageHeader,
+        Container,
+        PageFooter,
     }
 }
 </script>
diff --git a/resources/js/views/Home.vue b/resources/js/views/Home.vue
index 4fefaf7..98433a6 100644
--- a/resources/js/views/Home.vue
+++ b/resources/js/views/Home.vue
@@ -9,8 +9,6 @@
                 <blog-popular></blog-popular>
             </template>
         </split-content>
-
-        <page-footer></page-footer>
     </container>
 </template>
 
@@ -19,7 +17,6 @@ import Container from '../components/Container.vue';
 import SplitContent from '../components/SplitContent.vue';
 import BlogRecent from '../components/BlogRecent.vue';
 import BlogPopular from '../components/BlogPopular.vue';
-import PageFooter from '../components/PageFooter.vue';
 
 export default {
     components: {
@@ -27,7 +24,6 @@ export default {
         SplitContent,
         BlogRecent,
         BlogPopular,
-        PageFooter,
     }
 }
 </script>