diff --git a/packages/documentation-framework/pages/404/index.js b/packages/documentation-framework/pages/404/index.js
index 7c875de28b..4f166c5f57 100644
--- a/packages/documentation-framework/pages/404/index.js
+++ b/packages/documentation-framework/pages/404/index.js
@@ -6,7 +6,7 @@ import {
   CardTitle,
   CardBody,
   CardFooter,
-  CardHeaderMain,
+  CardHeader,
   EmptyState,
   EmptyStateBody,
   EmptyStateIcon,
@@ -36,9 +36,9 @@ const Card404 = ({
 }) => (
   <GridItem xl={3} md={6} xs={12}>
     <Card style={{ height: '340px' }}>
-      <CardHeaderMain className="ws-404-card-header">
+      <CardHeader className="ws-404-card-header">
         <img src={img} alt={alt} width="64px" />
-      </CardHeaderMain>
+      </CardHeader>
       <CardTitle>
         {title}
       </CardTitle>