diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss
index 97286fb077ea9..f1f4b297ac7cb 100644
--- a/assets/scss/_custom.scss
+++ b/assets/scss/_custom.scss
@@ -53,6 +53,14 @@ section {
   }
 }
 
+body.td-404 main .error-details {
+  max-width: 1100px;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 4em;
+  margin-bottom: 0;
+}
+
 /* HEADER */
 
 .td-navbar {
diff --git a/i18n/en.toml b/i18n/en.toml
index dd6e7545a4c05..1c45087dec9bd 100644
--- a/i18n/en.toml
+++ b/i18n/en.toml
@@ -63,6 +63,9 @@ other = "Latest version"
 [docs_version_other_heading]
 other = "Older versions"
 
+[error_404_were_you_looking_for]
+other = "Were you looking for:"
+
 [examples_heading]
 other = "Examples"
 
diff --git a/layouts/404.html b/layouts/404.html
index 5b18c484919f0..962894ee29390 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -1,29 +1,14 @@
 {{ define "main" }}
 {{ partial "handle-version-switch-404.html" . }}
-<div class="container-404">
-    <h4>
-        Perhaps you were looking for:
-    </h4>
-
-    <br />
-    <br />
-
-    <ul>
-        <li>
-            <a href="/docs">
-                The Kubernetes documentation
-            </a>
-        </li>
-        <li>
-            <a href="/blog">
-                The Kubernetes blog
-            </a>
-        </li>
-        <li>
-            <a href="/community">
-                The Kubernetes community
-            </a>
-        </li>
+<section id="error-404" class="error-details">
+    <p>
+    {{ T "error_404_were_you_looking_for" }}
+    </p>
+    <ul id="error-sections">
+        {{ $sections := slice "docs" "blog" "training" "partners" "community" "case-studies" }}
+        {{ range $sections }}
+        {{ with site.GetPage "section" . }}<li><a href="{{ .RelPermalink }}" data-proofer-ignore>{{ .Title }}</a></li>{{ end }}
+        {{ end }}
     </ul>
-</div>
+</section>
 {{ end }}