diff --git a/themes/wc-eh-docs/layouts/404.html b/themes/wc-eh-docs/layouts/404.html
index e8df8a620..e86235a84 100644
--- a/themes/wc-eh-docs/layouts/404.html
+++ b/themes/wc-eh-docs/layouts/404.html
@@ -34,6 +34,16 @@
         <h1 id='{{ if .Params.url }}{{ replace .Params.url ".md" ""}}{{ end }}'>{{ $.Site.Title }}</h1>
 
       </div>
+      <div class="error-404 text-center py-5">
+        <h2 class="display-1 fw-bold text-primary">404</h2>
+        <h3 class="mb-4">Page Not Found</h3>
+        <p class="lead mb-4">Sorry, the page you are looking for could not be found.</p>
+        <p class="mb-4">The page may have been moved, deleted, or the URL may be incorrect.</p>
+        <div class="d-flex justify-content-center">
+          <a href="{{ $.Site.BaseURL }}" class="btn btn-primary me-3">Go to Home</a>
+          <button onclick="history.back()" class="btn btn-outline-secondary">Go Back</button>
+        </div>
+      </div>
       {{ .Content }}
       {{ partial "footer-call-to-action.html" . }}
     </main>