diff --git a/app/components/footer.hbs b/app/components/footer.hbs
index c7922fb..396767f 100644
--- a/app/components/footer.hbs
+++ b/app/components/footer.hbs
@@ -26,17 +26,17 @@
     {{/if}}
   </div>
   {{/if}}
-  <div class="d-flex justify-content-between align-items-center w-100">
-    <div>
+  <div class="row align-items-center">
+    <div class="col text-center">
       <p class="mb-0 small">{{@pageTitle}}</p>
       <p class="mb-0 small">&copy; {{this.currentYear}}</p>
     </div>
-    <div>
+    <div class="col text-center">
       <a href="https://github.com/zfir-dev/rss-medium-blog-viewer" target="_blank">
         <img src="github.svg" alt="Custom Github Logo" class="github-logo" />
       </a>
     </div>
-    <div class="d-flex align-items-center">
+    <div class="col d-flex align-items-center justify-content-center">
       <p class="mb-0 small">Built with</p>
       <a href="https://emberjs.com/" target="_blank">
         <img src="ember.svg" alt="Custom Ember Logo" class="ember-logo" />
diff --git a/app/styles/app.css b/app/styles/app.css
index 8076eba..d6cd6d3 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -25,11 +25,11 @@ img {
 .blogs,
 .blog {
   padding-top: 80px;
-  padding-bottom: 56px;
+  padding-bottom: 74px;
 }
 
 .blog {
-  padding-bottom: 114px;
+  padding-bottom: 132px;
 }
 
 .blog .title {
@@ -63,6 +63,10 @@ img {
   margin-right: 10px;
 }
 
+.footer .next {
+  margin-right: 0;
+}
+
 .footer .previous .icon {
   float: left;
 }