diff --git a/src/OrchardCore.Themes/TheBlogTheme/Views/Shared/NotFound.liquid b/src/OrchardCore.Themes/TheBlogTheme/Views/Shared/NotFound.liquid
index 2ac3e9878a0..b5b8577d85f 100644
--- a/src/OrchardCore.Themes/TheBlogTheme/Views/Shared/NotFound.liquid
+++ b/src/OrchardCore.Themes/TheBlogTheme/Views/Shared/NotFound.liquid
@@ -2,15 +2,14 @@
     <!-- Page Header -->
     <!-- Set your background image for this header on the line below. -->
     <header class="masthead" style="background-image: url('{{ "~/TheBlogTheme/assets/img/post-bg.jpg" | href }}')">
-        <div class="overlay"></div>
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
-                    <div class="page-heading">
+        <div class="container position-relative px-4 px-lg-5">
+            <div class="row gx-4 gx-lg-5 justify-content-center">
+                <div class="col-md-10 col-lg-8 col-xl-7">
+                    <div class="site-heading">
                         <h1>{{ "Page Not Found" | t }}</h1>
                     </div>
                 </div>
             </div>
         </div>
     </header>
-{% endzone %}
\ No newline at end of file
+{% endzone %}
diff --git a/src/OrchardCore.Themes/TheBlogTheme/Views/Shared/Search.liquid b/src/OrchardCore.Themes/TheBlogTheme/Views/Shared/Search.liquid
index 2d763384d09..c9937d416bc 100644
--- a/src/OrchardCore.Themes/TheBlogTheme/Views/Shared/Search.liquid
+++ b/src/OrchardCore.Themes/TheBlogTheme/Views/Shared/Search.liquid
@@ -2,10 +2,9 @@
     <!-- Page Header -->
     <!-- Set your background image for this header on the line below. -->
     <header class="masthead" style="background-image: url('{{ "~/TheBlogTheme/assets/img/post-bg.jpg" | href }}')">
-        <div class="overlay"></div>
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-8 col-md-10 mx-auto">
+        <div class="container position-relative px-4 px-lg-5">
+            <div class="row gx-4 gx-lg-5 justify-content-center">
+                <div class="col-md-10 col-lg-8 col-xl-7">
                     <div class="site-heading">
                         {% assign search = "Search" | t %}
                         <h1>{% page_title search %}</h1>