diff --git a/layouts/partials/home/background.html b/layouts/partials/home/background.html
index c095f84f..d72ed82c 100644
--- a/layouts/partials/home/background.html
+++ b/layouts/partials/home/background.html
@@ -17,7 +17,7 @@
                     {{ end }}
                     {{ end }}
                 </div>
-                <div class="relative px-4 py-16 sm:px-6 sm:py-24 lg:py-32 lg:px-8 flex flex-col items-center">
+                <div class="relative px-4 py-16 sm:px-6 sm:py-24 lg:py-32 lg:px-8 flex flex-col items-center justify-center text-center">
                     {{ with .Site.Author.image }}
                     {{ $authorImage := resources.Get . }}
                     {{ if $authorImage }}
diff --git a/layouts/partials/home/hero.html b/layouts/partials/home/hero.html
index a6b824f8..a604bd28 100644
--- a/layouts/partials/home/hero.html
+++ b/layouts/partials/home/hero.html
@@ -14,7 +14,7 @@
                     {{ end }}
                     {{ end }}
                 </div>
-                <div class="relative px-4 py-16 sm:px-6 sm:py-24 lg:py-32 lg:px-8 flex flex-col items-center">
+                <div class="relative px-4 py-16 sm:px-6 sm:py-24 lg:py-32 lg:px-8 flex flex-col items-center justify-center text-center">
                     {{ with .Site.Author.image }}
                     {{ $authorImage := resources.Get . }}
                     {{ if $authorImage }}
diff --git a/package-lock.json b/package-lock.json
index ecc30fec..6a41bb59 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "hugo-blowfish-theme",
-  "version": "2.3.1",
+  "version": "2.4.5",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "hugo-blowfish-theme",
-      "version": "2.3.1",
+      "version": "2.4.5",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {